body{
	max-width:768px;
	height: 100%;
	margin:0 auto !important;
	background:#fff;
}
html{;
}
.new_header{
	width:100%;
	height:50px;
	background:rgba(49,49,49,0.9);
	color:#fff;
	position:fixed;
	z-index:99999;
}
.box_wrap{
	width:94% !important;
	margin:0 auto;
}
.head_left{
	height:50px;
	line-height:50px;
	width: 76%;
	text-align: left;


}
.head_left .logo{
	width:30px;
	height:23px;
	display:inline-block;
	background:url(../images/logo.png) no-repeat;
	background-size:30px 23px;
	position:relative;
	top:5px;
	margin-right:5px;
}
.head_left a{
	color:#fff;
	font-size:1.1em;
}
@media screen and (max-width:374px){
	.head_left{
		width: 70%;
	}
	.search_wrap{
		width:100%;
		margin-left:0px;
	}
	.search_wrap .search_input{
		width:86%;
	}
}

@media screen and (min-width:768px){
	body{
		max-width: 768px;
		margin:0 auto;
	}
	.bg {
		max-width: 768px;
		margin:0 auto;
	}
	.new_header{
		max-width: 768px;
	}
	.search_wrap{
		width: 84%;
	}
	.two-fh5co-offcanvas {
		left: 50%;
		margin-left: 114px;

	}
	.fixed_li{
		max-width: 768px;
	}
}

.head_right {
	display:inline-block;
	width:40px;
	height:50px;
}

.fh5co-nav-toggle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
    color: #fff;
    background: #fff;
}

.fh5co-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    transition: all .1s ease-out;
}
/* .left_model{
	width:200px
} */
.left_model h3{
	display:inline-block;
	color:#fff;
	font-size:1.2em;
	text-align:left;

}
.return{
	width:24px;
	height:50px;
	display:inline-block;
	margin-left:4px;

}
.return span{
	width:10px;
	height:17.5px;
	display:inline-block;
	position:relative;
	top:2px;
	background:url(../images/left_arr.png) no-repeat;
	background-size: 10px 17.5px;
}
.right_model{
	width:80px;

}
.search_btn{
	width:21px;
	height:20px;
	line-height:40px;
	background:url(../images/search.png) no-repeat;
	background-size: 21px 20px;
	display:inline-block;
	float:left;
	position:relative;
	top:15px;
}
/* 侧滑样式开始 */
.fh5co-offcanvas {
  position:fixed;
  z-index: 9999999;
  width: 270px;
  top:50px;
  height:100%;
  overflow: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.head_wrap .two-fh5co-offcanvas{
	position:fixed;
  z-index: 9999999;
  width: 270px;
  background: #fff;
  right:0;
  top:50px;
  height:100%;
  overflow: auto;
  display: none;
  -moz-transform: translateX(-270px);
  -webkit-transform: translateX(-270px);
  -ms-transform: translateX(-270px);
  -o-transform: translateX(-270px);
  transform: translateX(-270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #444;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .1s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .1s ease-out;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
  color: #fff;
  background: #fff;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #fff;
}

.fh5co-nav-toggle i::before {
  top: -8px;
}

.fh5co-nav-toggle i::after {
  bottom: -8px;
}

.fh5co-nav-toggle:hover i::before {
  top: -8px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -8px;
}
.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: absolute;
  top:-3px;
  right: 0;
  z-index: 21;
  padding: 15px 0 0 0;
  display: block;
  margin: 0 auto;
  display: block;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}

/* 左边出来动画 */
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(-80px)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(-80px)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}

@-webkit-keyframes fadeOutRightBig{
	0%{opacity:1;
	-webkit-transform:translateX(0)}
	100%{opacity:0;
	-webkit-transform:translateX(-100px)}
}
@-moz-keyframes fadeOutRightBig{
	0%{opacity:1;
	-moz-transform:translateX(0)}
	100%{opacity:0;
	-moz-transform:translateX(-100px)}
}


/* 右边出来动画 */
@-webkit-keyframes fadeInRightBig1{
	0%{opacity:0;
	-webkit-transform:translateX(80px)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig1{
	0%{opacity:0;
	-moz-transform:translateX(80px)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}

@-webkit-keyframes fadeOutRightBig1{
	0%{opacity:1;
	-webkit-transform:translateX(0)}
	100%{opacity:0;
	-webkit-transform:translateX(100px)}
}
@-moz-keyframes fadeOutRightBig1{
	0%{opacity:1;
	-moz-transform:translateX(0)}
	100%{opacity:0;
	-moz-transform:translateX(100px)}
}
.bg {
	height:100%;
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    top:50px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.7);
	-webkit-animation:fadeIn 0.5s .1s ease both;
	-moz-animation:fadeIn 0.5s .1s ease both;
}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.slide_main{
	width: 100%;
	position:relative;
	z-index:999;
    overflow: auto;
	height:100%;
	background:#fff;
}
.ovfHiden{overflow: hidden;height: 100%;}

/* 侧滑内容 */
.slide_top{
	width:100%;
	height:170px;
	background: url(../images/banan.png) no-repeat;
    background-size: 100% 170px;
}
.slide_img{
	width:100%;
	display:inline-block;
	text-align:center;
}

.user_log{
	width:60px;
	height:60px;
	border-radius:50%;
	box-shadow:1px 1px 10px  #c6c6c6;
	margin-top:2em;
}
.fixed_li{
	z-index:9999;
}
.slide_top h3{
	margin-top:10px;
	font-size:1.1em;
	color:#fff;
	margin-bottom:6px;
}
.slide_top p{
	color:#FFFEFD;
	font-size:0.9em;
	margin-top:10px;
}
.my_coin{
	width:94%;
	height:48px;
	line-height:48px;
	margin:0 auto;

}
.my_coin p{
	float:left;
	width:70%;
}
.my_coin p span{
	color:#f4340e;
	margin-left:4px;
}
.my_coin a{
	width:70px;
	height:30px;
	line-height:30px;
	display:inline-block;
	background:#11b7ed;
	color:#fff;
	text-align:center;
	float:right;
	border-radius:4px;
	margin-top:6px;
}
.slide_li li{
	width:100%;
	height:47px;
	line-height:47px;
	border-bottom:1px solid #dcdcdc;
	padding-left:23px;
}
.slide_li li img{
	width:22px;
	vertical-align:middle;
	position:relative;
	top:-3px;
	margin-right:23px;

}
.slide_li li a{
	width: 100%;
    height: 47px;
    line-height: 47px;
    display: inline-block;
}
.slide_li li  span{
	font-size:1.1em;
	color:#333;
}
.body_wrap{
	padding-top: 50px;
}
/* 侧滑样式结束 */

@media screen and (min-width:375px){
	.order_gInfor_p{
		margin-top:0.2em;
	}
}



.slide_li{
	height: 270px;
}


/* 今日推荐 */
.recommend{
	width:100%;
	height:auto;
	overflow:hidden;
}
.recommend_top{
	width:100%;
	height:114px;
	background:url(../images/recommend_top_img.png) no-repeat 0 0;
	background-size:100% 114px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	max-width: 768px;
    margin: 0 auto;
}
.recommend_midd_con{
	position: relative;
	text-align: center;
	padding-bottom:52px;
}
.recommend_size{
	width:100%;
	height:auto;
}
.recommend_size img{
	width:231px;
	height:76px;
	text-align:center;
	margin-top:25px;
	-webkit-animation: two-up-down .8s ease infinite 80ms alternate;
    animation: two-up-down .8s ease infinite 80ms alternate;
}
@keyframes two-up-down{
	from{
		-webkit-transform:translate(0,6px);
		transform:translate(0,2px)
	}
	to{
		-webkit-transform:translate(0,-6px);
		transform:translate(0,-2px)
	}
}

.recommend_size span{
	width:100%;
	color:#000;
	font-size:1em;
	margin-top:10px;
	text-align:center;
	display:inline-block;
}
.recommend_middle{
	width:100%;
	height:auto;
	text-align:center;
	margin-top:56px;
	margin-bottom:15px;
}
.recommend_middle_con{
	width:94%;
	height:auto;
	padding-bottom: 25px;
	border-radius:12px;
	margin:0 auto;
	background: rgba(255,255,255,0.5);
	-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;
}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
.recommend_middle_con img{
	width:84px;
	height:84px;
	border-radius:12px;
	padding:3px;
	background: rgba(255,255,255,0.4);
	margin-top:-44px;
}
.recommend_middle_con h2{
	color: #111;
    padding-top: 15px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.recommend_middle_size{
	width:90%;
	margin:0 auto;
	margin-top:12px;
}
.recommend_middle_size p{
	text-align:left;
	color:#111;
	font-size:1.1em;
	line-height:25px;
	margin-top:8px;
}
.quanbu{


}


.recommend_middle_con2{
	width:94%;
	height:379px;
	margin-top:32px !important;
	padding-bottom: 25px;
	border-radius:12px;
	margin-bottom: 60px !important;
	margin:0 auto;
	background: rgba(255,255,255,0.5);
	-webkit-animation:bounceIn 1s .2s ease both;
	-moz-animation:bounceIn 1s .2s ease both;
}
.recommend_middle_con2 img{
	width: 44%;
    margin-top: 10%;
}


.recommend_middle_con2 h2{
	color:#E47100;
	font-size:1.4em;
	margin-top:12px;
}
.recommend_register{
	width:94%;
	margin:0 auto;
	border:1px dashed #111;
	border-radius:12px;
	padding-bottom:25px;
	z-index:999;
	position: relative;
}
.recommend_register_top_h2{
	font-size:1.5em;
	margin-top:22px;
	color:#111;
	font-weight:700;
	margin-bottom:23px;
}

.recommend_register_con{
	width:94%;
	margin:0 auto;
}
.recommend_register_con2{
	width:94%;
	margin:0 auto;
}
.recommend_num{
	background: rgba(255,255,255,0.4);
	height:44px;
	border-radius:6px;
	width:100%;
	margin-bottom:15px;
	line-height:44px;
	text-align:left;
	text-indent:1em;
	color:#111;
}
.recommend_num input{
	width: 60%;
    height: 44px;
    outline: none;
	color:#111;
    border-radius: 4px;
    margin-left: 4px;
}
input::-webkit-input-placeholder {
color: #111;
}
.recommend_butt{
	width:100%;
	margin:0 auto;
	padding-top:6px;
}
.recommend_butt_left{
	width:45%;
	float:right;
	text-align:center;
	height:44px;
	line-height:44px;
	background:#FE4133;
	color:#fff;
	font-size:1.2em;
	font-weight:700;
	display:inline-block;
	border-radius:6px;
}
.recommend_butt_left:hover{
	color:#fff;
}
.recommend_butt_right{
	width:45%;
	float:left;
	text-align:center;
	height:44px;
	line-height:44px;
	border:1px solid #111;
	color:#111;
	font-size:1.2em;
	font-weight:700;
	display:inline-block;
	border-radius:6px;
}
.recommend_butt_right:hover{
	color:#111;
}
.registration_policy{
	width:94%;
	margin:0 auto;
}
.registration_policy h2{
	font-size: 1.2em;
	font-weight:700;
    margin-top: 22px;
    color: #111;
	text-align:left;
    margin-bottom: 15px;
}
.registration_policy p{
	font-size: 1.1em;
    margin-top: 8px;
    color: #111;
	text-align:left;
	line-height:25px;
}

.recommend_bottom{
	width:100%;
	height:114px;
	background:url(../images/recommend_bottom_img.png) no-repeat 0 0;
	background-size:100% 114px;
	position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}
.immediately_registration{
	width:100%;
	float:right;
	text-align:center;
	height:44px;
	line-height:44px;
	background:#FE4133;
	color:#fff;
	font-size:1.2em;
	font-weight:700;
	display:inline-block;
	border-radius:6px;
}
.immediately_registration:hover{
	color:#fff;
}
.login_was_successful{
	width:90%;
	margin:0 auto;
	background:#fff;
	height:auto;
	border-radius:12px;
	text-align:center;
	padding-bottom:30px;
}
.login_was_successful img{
	width:91px;
	height:91px;
	text-align:center;
	margin-top:15px;
	margin-bottom:16px;
}
.login_was_successful h2{
	color:#111;
	font-size:1.3em;
	font-weight:700;
	margin-bottom:6px;
}
.login_was_successful_con{
	width:40%;
	margin:0 auto;
}
.login_was_successful_con span{
	display:inline-block;
	width:100%;
	text-align:left;
	color:#111;
	margin-top:8px;
}
.login_was_successful p{
	color:#999;
	font-size:1em;
	text-align:center;
	margin-top:10px;
}
.login_was_successful a{
	background:#FDD100;
	color:#111;
	width:140px;
	height:44px;
	line-height:44px;
	text-align:center;
	display:inline-block;
	border-radius:6px;
	margin-top:15px;
	font-size:1.2em;
}
.login_was_successful a:hover{
	color:#111;
}



/* 竞猜 */
.app_guessing_competition{
	width:100%;
	height:100%;
	background:#fff;
}
.app_guessing_com{
    width: 100%;
    height: 146px;
    background: url(../images/app_guessing_com_img.png) no-repeat;
    background-size: 100% 146px;
    overflow: hidden;
    text-align: center;
}
.app_guessing_com p{
	color:#96B4FE;
	font-size:0.8em;
	text-align:center;
	margin-top:28px;
	margin-bottom: 8px;
}
.app_guessing_com h2{
	color:#fff;
	text-align:center;
	font-size:2em;
	font-weight:700;
	margin-bottom:6px;
}
.app_ran_sta{
	width:100%;
	height:auto;
	display:inline-block;
}
.ranking{
	width:50%;
	float:left;
	font-size:0.9em;
	display:inline-block;
	color:#fff;
	text-align:right;
	padding-right:15px;
}
.ranking:hover{
	color:#fff;
}
.ranking img{
	width:14px;
	height:14px;
	margin-right:5px;
	margin-top: -5px;
}
.stake{
	width:50%;
	float:right;
	font-size:0.9em;
	display:inline-block;
	color:#fff;
	text-align:left;
	padding-left:15px;
}
.stake:hover{
	color:#fff;
}
.stake img{
	width:14px;
	height:14px;
	margin-right:5px;
}

.guessing_list{
	width:100%;
	height:70px;
	border-bottom:1px solid #eee;
}
.guessing_list li{
	width:33.3%;
	float:left;
	text-align:center;
}
.guessing_list h2{
	margin-top: 10px;
    margin-bottom: 8px;
	font-size:1.4em;
	color:#f4340e;
	font-weight:700;
}
.guessing_list p{
	font-size:0.9em;
	color:#333;
}
.guessing_list span{
	color:#999;
}

.guessing{
	width:100%;
	height:auto;
}
.guessing_title{
	padding-top:16px;
}
.guessing_title h2{
	float:left;
	color:#333;
	font-size:1em;
	margin-left:15px;
	padding-bottom:10px;
}
.guessing_title a{
	float:right;
	margin-right:15px;
	display:inline-block;
	color:#30B8FF;
	font-size:1em;
}
.guessing_title a:hover{
	color:#30B8FF;
}
.guessing_img{
	width: 4px;
    height: 16px;
	margin-right:8px;
	margin-top: -3px;
}
.screen {
	width: 16px;
    height: 16px;
	margin-right:8px;
}
.guessing_list_con li{
	width:94%;
	margin:0 auto;
	padding-bottom:14px;
	border-bottom:1px solid #eee;
}
.guessing_list_con h2{
	color:#111;
	font-size:1.2em;
	font-weight:700;
	margin-top:15px;
	width:100%;
	line-height:25px;
	/* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all; */
}
.guessing_list_con p{
	color:#999;
	margin-top:10px;
	font-size:0.9em;
}
.guessing_list_con_butt{
	width:100%;
	height:auto;
	display:inline-block;
	margin-top:13px;
}
.guessing_butt_left{
	width:50%;
	height:38px;
	line-height:38px;
	float:left;
	background: url(../images/butt_left.png) no-repeat;
    background-size: 100% 38px;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	border-radius:4px 0px 0px 4px;
}
.guessing_butt_left span{
	width: 66%;
	margin:0 auto;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	display:inline-block;
}
.guessing_butt_left:hover{
	color:#fff;
}
.guessing_butt_right{
	width:50%;
	height:38px;
	line-height:38px;
	float:left;
	background: url(../images/butt_right.png) no-repeat;
    background-size: 100% 38px;
	color:#666;
	font-size:1.2em;
	text-align:center;
	border-radius:0px 4px 4px 0px ;
}
.guessing_butt_right span{
	width: 66%;
	margin:0 auto;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	display:inline-block;
}
.guessing_butt_right:hover{
	color:#666;
}
/* 筛选弹窗 */
.mat_bot{
	width:94%;
	margin:0 auto;
	margin-top:4px;
	padding-bottom:25px;
}
.mat_bot h2{
	color:#111;
	font-size:1.2em;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}
.mat_bot a{
	width:45%;
	height:35px;
	line-height:35px;
	display:inline-block;
	border:1px solid #dcdcdc;
	text-align:center;
	background:#fff;
	color:#999;
	float:left;
	margin:6px;
	border-radius:6px;
}
/* .mat_bot a:first-child{
	border-radius:4px 0 0 4px;
} */
.mat_bot a:last-child{
	position:relative;
	left:-1px;
}
.mat_bot .match_on{
	background:#30b8ff;
	color:#fff;
	border-radius:6px;
	border:1px solid #30b8ff;
}

.match_window{
	width:100%;
	margin:0 auto;
	padding:10px 0 0;
	display:none;
}
.match_window h3{
	font-size:1.3em;
	color:#111;
	font-weight:700;
	text-align:center;
	width:100%;
	margin:6px 0;
}
.match_winWrap{
	width:92%;
	margin:0 auto;
}
.match_infor p{
	font-size:1.1em;
	margin-bottom:2px;

}
.match_infor span{
	color:#999;
}
.match_infor span em{
	color:#30b8ff;
}
.choose_inter{
	width:100%;
	margin-top:10px;
}
.choose_inter a{
	width:31%;
	margin-right:3%;
	display:block;
	padding:8px 0;
	border:1px solid #dcdcdc;
	text-align:center;
	float:left;
	border-radius:4px;
	margin-bottom:10px;

}
.choose_inter a:nth-child(3n){
	margin-right:0;
}
.choose_inter .choose_interOn{
	background:#30b8ff;
	color:#fff;
	border:1px solid #30b8ff;
}
.match_tips{
	margin-top:6px;
	color:#999;
}
.match_tips span{
	color:#30b8ff;
}
.match_alert_a{
	width:100%;
	margin-top:14px;
}
.match_alert_a a{
	width:50%;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	border:1px solid #dcdcdc;
	display:inline-block;
}
.match_cancel{
	border-radius:0 0 0 12px;
}
.right_go{
	border-radius:0 0 12px 0;
}
.match_alert_a a:first-child{
	border-right:none;
}
.match_alert_a  .right_go{
	color:#fff;
	background:#30b8ff;
	border:1px solid #30b8ff;
}

.recommend_num {
    background:#fff;
    height: 44px;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 15px;
    line-height: 44px;
    text-align: left;
    text-indent: 1em;
    color: #111;
	border:1px solid #eee;
}
.recommend_num input {
    width: 77%;
    height: 44px;
    outline: none;
    color: #111;
    border-radius: 4px;
    margin-left: 4px;
}
/* 竞猜排行榜 */
.competitive_guess_list{
	width:100%;
}
.guess_list_con{
	width:100%;
	height:100%;
}
.guess_list_con_title{
	width:94%;
	margin: 0 auto;
	height:30px;
	line-height:30px;
}
.guess_list_con_title{
	width:94%;
	margin:0 auto;
}
.guess_list_con_title p{
	color:#666;
	float:left;
	font-size:0.9em;
}
.ran{
	width:15%;
	float:left;
	text-align:center;
}
.play{
	width:35%;
	float:left;
	text-align:center;
}
.guess_list_con_midd{
	background:#fff;
	width:100%;
}
.guess_con_midd_li{
	width:94%;
	margin:0 auto;
	border-bottom:1px solid #eee;
	height:50px;
	line-height:50px;
}
.guess_con_midd_li:last-child {
    border-bottom: 0;
}
.guess_con_midd_li p{
	width:15%;
	float:left;
	color:#999;
	text-align:center;
}
.guess_con_midd_li img{
	width:21px;
	height:20px;
	margin-top: 15px;
}
.guess_con_midd_li h2{
	width:35%;
	float:left;
	color:#666;
	font-size:1em;
	text-align:center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.guess_con_midd_li span{
	width:35%;
	float:left;
	font-size:1em;
	text-align:center;
	color:#F4340E;
}
.guess_con_midd_li em{
	width:15%;
	float:left;
	font-size:1em;
	text-align:center;
}


/* 押注记录 */
.gift_detail{
	width:100%;
	height:100%;
	max-width:768px;
	margin:0 auto;
}
.game_task2 {
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
	border-bottom:1px solid #eee;
}
.game_task2 span {
    width: 50%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    display: block;
    float: left;
    color: #333;
	font-size:1.1em;
}
.game_task2 span.active i {
    border-bottom: 4px solid #009def;
    color: #009def;
}
.game_task2 span i {
    padding: 0 6px 8px;
}
.tabdiv{
	width: 100%;
	color: #000;
	display: none;
}
/* .pub_box{
	background: #2f0789;
} */
.pub_box .show{
	display:inline-block;
}
.prize_li{
	width:100%;
	padding:0 8px;
	margin-top:8px;
	background:#fff;
	padding-bottom:8px;
}
.prize_top{
	width:100%;
	height:34px;
	line-height:34px;
	border-bottom:1px solid #dcdcdc;
}
.prize_top h3{
	float:left;
	color:#999;
}
.prize_top p{
	float:right;
	color:#999;
}
.prize_main h2{
	margin:8px 0 6px;
	font-size:1.1em;
	font-weight:700;
}
.prize_main p{
	margin:3px 0;
	color:#999;
}
.prize_result p{
	float:left;
}
.prize_result em{
	margin:3px 0;
	float:right;
	color:#f4340e;
}
.prize_result p span{
	color:#f4340e;
}
.prize_top .has_prize {
	color:#f4340e;
}

/* 押注记录结束 */


/* 签到详情 */
.border_line{
	width:100%;
	height:10px;
	background:#eee;
}
.Sign_details{
	width:100%;
	height:100%;
}
.Sign_details_title{
	width:100%;
	height:1.20rem;
	background:#FFF7E0;
	text-align:center;
	overflow:hidden;
}
.Sign_details_title img{
	width:.34rem;
	height:.34rem;
	text-align:center;
	margin-right:.08rem;
}
.Sign_details_title h2{
	color:#FF7803;
	font-size:1.2em;
	margin-top:.26rem;
	margin-bottom:.17rem;
	text-align:center;
}
.Sign_details_title p{
	color:#666;
	font-size:0.9em;
}
.accumulate{
	width:100%;
}
.accumulate_h2{
	text-align:center;
	color:#333;
	font-size:1.2em;
	margin-top:.37rem;
}
.accumulate_h2 em{
	color:#f4340e;
	margin:0 .1rem;
}
.accumulate_all{
	width:100%;
	margin-top:.46rem;
}
.accumulate_all_title {
    width: 100%;
    margin: 0 auto;
	display: inline-block;
}

.accumulate_all_title span {
    width: 25%;
    text-align: center;
    display: block;
    float: left;
    color: #999;
    font-size: 1.1em;
}
.tab_img1{
	width:.58rem;
	height:.65rem;
}
.tab_img2{
	width:.16rem;
	height:.11rem;
	display: none;
}
.accumulate_all_title p{
	margin-top:.17rem;
	color:#999;
	font-size:0.9em;
}
.accumulate_all_title .p{
	color:#FF7803;
}
.Sign_accumulate{
	width:100%;
	height:auto;
}
.accumulate_all_con{
	margin-top:.40rem;
	width:100%;
	height:100%;
	display:inline-block;
	padding-bottom:.5rem;
	display: none;
}
.accumulate_all_con h2{
	color:#999;
	font-size:0.9em;
	margin-bottom:.31rem;
	text-align:center;
}
.accumulate_all_con em{
	color:#FF7803;
	margin:0 .1rem;
}
.accumulate_all_con_midd{
	width:100%;
	text-align:center;
}
.chest{
	display: inline-block;
    padding: 0rem .3rem 0rem .3rem;
}
.accumulate_all_con_midd img{
	width:.64rem;
	height:.54rem;
	text-align:center;
	margin-bottom:.16rem;
}
.accumulate_all_con_midd p{
	text-align:center;
	width: 100%;
	color:#FF7803;
	font-size:0.9em;
}
.rule{
	width:94%;
	margin:0 auto;
}
.rule h2{
	font-size:1.2em;
	color:#333;
	margin-top:.39rem;
	margin-bottom:.25rem;
}
.rule p{
	color:#999;
	font-size:1em;
	line-height:.44rem;
}



/* 充值返利申请 */

.revaluation_rebate{
	width:100%;
}
.revaluation{
	width:100%;
	height:100%;
	background:#fff;
}
.revaluation_title{
	width:100%;
	height:.88rem;
	background:#30b8ff;
}
.revaluation_title a{
	float:left;
	display:inline-block;
}
.revaluation_title img{
	float:left;
	margin-left:.18rem;
	margin-top:.27rem;
	width:.2rem;
	height:.35rem;
}
.revaluation_title h2{
	text-align:center;
	line-height:.88rem;
	color:#fff;
	font-size:1.2em;
}
.revaluation_content{
	width:100%;
}
.rebate_name {
    width: 100%;
    height: 1.1rem;
	line-height:1.1rem;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
	border-bottom: 1px solid #eee;
}
.rebate_name:nth-child(3n){
	border-bottom:0;
}
.rebate_name p {
    width: 25%;
	height:1.10rem;
	line-height:1.1rem;
	max-height:1.1rem;
    float: left;
    text-align: left;
	margin-left:.19rem;
    color: #333;
	font-size:.28rem;
}
.rebate_name a{
	width:100%;
	display:inline-block;
	float:right;
}
.rebate_name span{
	float:right;
	font-size:.28rem;
	color:#999;
	margin-right:.23rem;
}
.rebate_name img{
	margin-left:.12rem;
	width:.16rem;
	height:.28rem;
}
.rebate_name input {
    width: 66%;
    height: 1.1rem;
    border: 0;
    float: right;
    overflow: hidden;
    font-size: 1em;
    outline: none;
    color: #333;
    text-align: right;
    margin-right: .28rem;
}
input::-webkit-input-placeholder {
	color: #999;
}
.revaluation_bottom{
	max-width: 768px;
    height: 1.19rem;
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    border-top: 1px solid #eee;
}
.revaluation_bottom_left{
	width: 60%;
	float:left;
	margin-left:.16rem;
}
.revaluation_bottom_left h2{
	line-height:1.19rem;
	font-size:.28rem;
}
.revaluation_bottom_left p{
	width:100%;
	float:left;
	color:#999;
	font-size:.24rem;
	margin-top:.20rem;
	margin-bottom:.13rem;
}
.revaluation_bottom_left em{
	color:#f4340e;
}
.revaluation_bottom_left span{
	float:left;
	font-size:.28rem;
	color:#333;
}
.revaluation_bottom_right{
	width:30%;
	float:right;
	text-align:right;
	margin-right:.2rem;
}
.revaluation_bottom_right a{
	width:1.9rem;
	height:.76rem;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:.32rem;
	line-height:.76rem;
	border-radius:4px;
	background:#30b8ff;
	margin-top:.22rem;
}
.revaluation_bottom_right a:hover{
	color:#fff;
}
.payment{
	width:90%;
	margin:0 auto;
}
.payment h2{
	text-align:center;
	font-size:1.2em;
	color:#333;
	margin-top:.43rem;
	margin-bottom:.41rem;
}
.payment_inp{
	width:100%;
	margin:0 auto;
}
.payment_inp input{
	width: 100%;
	height:.88rem;
	line-height:.88rem;
    border: 0;
    float: right;
    overflow: hidden;
    font-size: 14px;
    outline: none;
	text-indent:1em;
    border:1px solid #dcdcdc;
}
.payment a{
	width:100%;
	height:.88rem;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:1.2em;
	line-height:.88rem;
	border-radius:4px;
	background:#30b8ff;
	margin-top:.36rem;
	margin-bottom:.57rem;
}
.payment a:hover{
	color:#fff;
}
.choose_game{
	width:100%;
	margin:0 auto;
	background:#fff;
	border-radius:6px;
}
.choose_game h2{
	text-align:center;
	font-size:1.2em;
	color:#333;
	margin-top:.43rem;
	margin-bottom:.41rem;
}
.choose_game_in{
	background:#eee;
	width:94%;
	margin:0 auto;
	height:.7rem;
	border-radius:4px;
}
.choose_game_in img{
	width:.25rem;
	height:.26rem;
	line-height:.26rem;
	margin-left:.19rem;
}
.choose_game_in input{
	background: #eee;
    margin-left: .1rem;
    width: 87%;
    height: .7rem;
}
.choose_game_size{
	width:100%;
	height: 250px;
    position: relative;
    overflow: hidden;
}
.choose_game_size ul{
	position: absolute;
    left: 0;
    top: 0;
    right: -10px;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
.choose_game_size li{
	height:.96rem;
	line-height:.96rem;
}
.choose_game_size li:last-child {
    border-bottom: 0;
}
.choose_game_size p{
	margin-left:.38rem;
	width:80%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.confirm{
	width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
	display: flex;
}
.confirm p{
	width: 25%;
	padding: .2rem 0 .2rem 0;
    float: left;
    text-align: left;
	margin-left:.19rem;
    color: #999;
	font-size:.28rem;
}
.confirm span{
	float:right;
	padding: .2rem 0rem .2rem 0rem;
	text-align:right;
	margin-right:.19rem;
    color: #333;
	font-size:.28rem;
	flex: 1;
}
.confirm em{
	color:#f4340e;
}
.confirm_bottom{
	width:94%;
	margin:0 auto;
	margin-top:.4rem;
}
.confirm_bottom a{
	width:100%;
	height:.78rem;
	border-radius:6px;
	background:#30b8ff;
	color:#fff;
	line-height:.78rem;
	font-size:.32rem;
	display:inline-block;
	text-align:center;
}
.confirm_bottom a:hover{
	color:#fff;
}



/* 游戏活动 */
.game_activie{
	width:100%;
	height:100%;
	background:#000;
}
.game_activie_bg{
	width: 100%;
    background: url(../images/game_activie_img.jpg) no-repeat;
    background-size: 100% 10.44rem;
    overflow: hidden;
    text-align: center;
}
.game_activie_top{
	width:100%;
	margin-top:5.5rem;
}
.game_activie_top a{
	display:inline-block;
}
.download_now{
	width:3.31rem;
	height:.98rem;
}
.game_activie_middle{
	background: rgba(255,255,255,0.1);
	margin-top:.98rem;
}
.game_activie_middle_con{
	width:100%;
	height:100%;
}
.acti_gameLogo{
	width:1.26rem;
	height:1.26rem;
	border-radius:.2rem;
	margin-top:-.6rem;
}
.game_activie_middle_con h2{
	color:#fff;
	font-size:.44rem;
	padding-top:.22rem;
	padding-bottom:.2rem;
	width:90%;
	margin:0 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.game_activie_middle_con p{
	color:#bdbdbd;
	font-size:.24rem;
}
.game_activie_middle_con span{
	padding:0 .1rem;
}
.game_activie_img{
	width:94%;
	margin:0 auto;
	padding-top:.7rem;
}
.game_activie_img img{
	width:100%;
	height:4.92rem;
}
.game_activie_size{
	width:94%;
	margin:0 auto;
	padding-top:.28rem;
}
.game_detail{
	width:100%;
}
.game_text{
	/* height:100px; */
	overflow:hidden;
	margin-bottom: .24rem;
}
.game_text p{
	color:#bdbdbd;
	line-height:.4rem;
	text-align:left;
	font-size:.24rem
}
.more{
	width:100%;
	height:30px;
	display:inline-block;
	text-align:center;
	color:#bdbdbd;
}
.more:hover{
	color:#bdbdbd;
}
.more i{
	width:.26rem;
	height:.28rem;
	display:inline-block;
	background:url(../images/down_img1.png) no-repeat 0 0;
	background-size:.26rem;
	margin-right:3px;
	position:relative;
	top:3px;
}

.send_heart{
	height:1.52rem;
}
.send_heart img{
	width:4.84rem;
	height:.56rem;
	margin:0 auto;
	padding-top:.47rem;
}
.activie_coupon{
	background: rgba(255,255,255,0.1);
	padding-top:.14rem;
	padding-bottom:.42rem;
}
.activie_coupon_con{
	width:94%;
	margin:0 auto;
	height:100%;
	display: flex;
	padding-top:.28rem;
}
.activie_coupon_img{
	width:2.14rem;
	height:1.39rem;
	background:url(../images/coupon_img1.png) no-repeat 0 0;
	background-size:2.14rem 1.39rem;
	margin-right:.25rem;
}
.activie_coupon_img h2{
	color:#fff;
	font-size:.58rem;
	font-weight:700;
	margin-top:.23rem;
	margin-bottom:.13rem;
}
.activie_coupon_img p{
	color:#fff;
	font-size:.24rem;
}
.activie_coupon_img2{
	width:2.14rem;
	height:1.39rem;
	background:url(../images/coupon_img2.png) no-repeat 0 0;
	background-size:2.14rem 1.39rem;
	margin-right:.25rem;
}
.activie_coupon_img2 h2{
	color:#fff;
	font-size:.58rem;
	font-weight:700;
	margin-top:.23rem;
	margin-bottom:.13rem;
}
.activie_coupon_img2 em{
	font-size: .3rem;
	margin-right: -.1rem;
}
.activie_coupon_img2 p{
	color:#fff;
	font-size:.24rem;
}
.coupon_content{
	flex: 1;
    display: flex;
    min-width: 0;
}
.game_coupon_content{
	flex:1;
	overflow:hidden;
}
.game_coupon_content h2{
	text-align:left;
	color:#fff;
	width:100%;
	margin-bottom:.25rem;
	font-size:.32rem;
	margin-top:.1rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.game_coupon_content p{
	text-align:left;
	color:#bdbdbd;
	font-size:.24rem;
	width:100%;
	line-height:.4rem;
	height:35px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.receive_but{
	width:1.16rem;
	height:.56rem;
	line-height:.62rem;
	color:#fff;
	text-align:center;
	display:inline-block;
	border-radius:6px;
	font-size:0.9em;
	background:#009DEF;
	float:right;
}
.activie_coupon_list{
	width: 94%;
	margin:0 auto;
	display: inline-block;
	display:flex;
}
.activie_coupon_bgimg img{
	width:1.26rem;
	height:1.26rem;
	border-radius:6px;
	float:left;
	margin-top:.34rem;
}
.content_game{
	flex: 1;
    display: flex;
    min-width: 0;
}
.activie_coupon_bgimg{
	display:inline-block;
}
.content_game_size{
	flex: 1;
    overflow: hidden;
}
.content_game_size h2{
	text-align:left;
	color:#fff;
	margin-left:.28rem;
	width:100%;
	margin-bottom:.22rem;
	font-size:.32rem;
	margin-top:.4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.content_game_size p{
	height:.3rem;
	color:#dbdbdb;
	margin-bottom:.12rem;
	text-align:left;
	font-size:.24rem;
	margin-left:.28rem;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.order_gameR{
	width:20%;
	float:right;
	margin-top:.3rem;
}
.order_gameR img{
	width:1.73rem;
	height:.56rem;
	float:right;
	margin-right:.2rem;
}
.activie_coupon_list .acti_buut{
	margin-top:.8rem;
}
.activi_but_img{
	width:100%;
	height:1.31rem;
	background:url(../images/activi_but_img.jpg) no-repeat 0 0;
	background-size:100% 1.31rem;
	overflow:hidden;
}
.activi_but_img p{
	margin-top:.44rem;
	margin-bottom:.15rem;
	color:#dbdbdb;
	font-size:.2rem;
}
.activi_but_img span{
	color:#dbdbdb;
	font-size:.2rem;
}

.buttom {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    z-index: 999;
    max-width: 768px;
}
.bt_ad {
    width: 100%;
    height: 1.23rem;
	display: flex;
    background: rgba(20, 20, 20,0.88);
}
.bt_ad_img{
	display:inline-block;
	float:left;
}
.bt_ad_img img {
    width: 1rem;
    height: 1rem;
    margin-top:.11rem;
	margin-left:.29rem;
	margin-right:.3rem;
    border-radius: 6px;
}
.bt_ad h2 {
    color: #fff;
    margin-top: .15rem;
    font-size: .28rem;
    width: 100%;
}
.bt_ad p {
    color: #bdbdbd;
    margin-top:.1rem;
    font-size: .2rem;
    width: 100%;
}
.content_game_size2{
	flex: 1;
    overflow: hidden;
}
.areas {
    color: #fff;
    font-size: .28rem;
    width: 1.16rem;
    height: .56rem;
    line-height: .6rem;
    display: inline-block;
    background: #009DEF;
    text-align: center;
    border-radius: 4px;
    float: right;
    margin-right: .2rem;
}
.content_game_size2 .star10{
	width:1.06rem;
	height:.18rem;
}



/* 武动乾坤活动 */
.mobile_games{
	width: 100%;
    height: 10.20rem;
    background: url(../images/mobile_bg1.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.mobile_games_buttom{
	margin-top: 8.72rem;
}
.mobile_games_buttom a{
	display:inline-block;
	width:100%;
	height:100%;
}
.mobile_games_buttom img{
	width:3.95rem;
	height:.95rem;
	margin:0 auto;
}
.mobile_games_under{
	width: 100%;
    height: 100%;
    background: url(../images/mobile_bg3.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.mobile_games_middle{
	height:10.3rem;
}
.mobile_games_middle_title{
	width:100%;
	margin:0 auto;
	margin-bottom: .48rem;
}
.mobile_games_middle_title img{
	width:5.12rem;
	height:.39rem;
}
.mobile_games_middle_title2{
	width:100%;
	margin-top:.69rem;
	margin-bottom:.4rem;
}
.mobile_games_middle_title2 img{
	width:5.12rem;
	height:.39rem;
}
.mobile_games_bottom{
}
.mobile_games_bottom_but{
	width:100%;
	margin-top:.6rem;
	margin-bottom:.3rem;
}
.mobile_games_bottom_but p{
	font-size:.2rem;
	color:#fff;
	margin-top:.1rem;
}
.mobile_games_middle_con{
	width:100%;
}
.mobile_games_middle_con_ban{
	width:94%;
	margin:0 auto;
	margin-top:.67rem;

}
.game_banar1{
	width:100%;
}
.game_banar2{
	width: 90%;
    height: 2.66rem;
    position: absolute;
    top: .4rem;
    left: .52rem;
    right: .52rem;
}
.video{
	width: 1.04rem;
    height: 1.04rem;
    position: absolute;
    right: .52rem;
    bottom: 3.8rem;
    -webkit-animation: Rrotate 10s infinite linear;
    animation: Rrotate 10s infinite linear;
}
@-webkit-keyframes Rrotate
{
	to{
		-webkit-transform:rotate(1turn);
		-ms-transform:rotate(1turn);
		transform:rotate(1turn)
	}
}
@keyframes Rrotate{
	to{
		-webkit-transform:rotate(1turn);
		-ms-transform:rotate(1turn);
		transform:rotate(1turn)
	}
}
.game_banar3{
	width:100%;
}
.game_banar4{
	width: 90%;
    height: 2.66rem;
    position: absolute;
    top: .4rem;
    left: .52rem;
    right: .52rem;
}

.game_banar5{
	width:100%;
}
.game_banar6{
	width: 90%;
    height: 2.66rem;
    position: absolute;
    top: .4rem;
    left: .52rem;
    right: .52rem;
}

.game_banar7{
	width:100%;
}
.game_banar8{
	width: 90%;
    height: 2.66rem;
    position: absolute;
    top: .4rem;
    left: .52rem;
    right: .52rem;
}
.slider {
    width: 6.64rem;
    height: .91rem;
	margin:0 auto;
    font-size: 0;
    text-align: center;
    padding-bottom: .05rem;
    border-bottom: .02rem solid #a2b5d1;
}
.slider span{
	float: left;
    width: 1.66rem;
    height: .91rem;
}
.dot1{
	background: url(../images/dot1.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot1{
	background: url(../images/dot2.png) no-repeat;
    background-size: 100% auto;
}
.dot3{
	background: url(../images/dot3.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot3{
	background: url(../images/dot4.png) no-repeat;
    background-size: 100% auto;
}
.dot5{
	background: url(../images/dot5.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot5{
	background: url(../images/dot6.png) no-repeat;
    background-size: 100% auto;
}
.dot7{
	background: url(../images/dot7.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot7{
	background: url(../images/dot8.png) no-repeat;
    background-size: 100% auto;
}

.video-pop .content video {
    width: 5.9rem;

	}
.video-pop {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
}
.video-pop .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video-pop .content {
    max-height: 80%;
	width:5.9rem;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.alert_box{
	width:100%;
	height:100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.7);
	-webkit-animation:fadeIn 0.1s .1s ease both;
	-moz-animation:fadeIn 0.1s .1s ease both;
	display:none;
    margin: 0 auto;
}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.ovfHiden{height: 100%;overflow:hidden}


.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.slides {
	width: 6.64rem;
	height: .91rem;
	margin:0 auto;
	font-size: 0;
	text-align: center;
	padding-bottom: .05rem;
	border-bottom: .02rem solid #a2b5d1;
}
.slides span{
	float: left;
	width: 1.66rem;
	height: .91rem;
}
.swiper-button-next img{
	width:.95rem;
	height:1.58rem;
	background-size:.95rem .158rem;
}
.swiper-button-prev img{
	width:.95rem;
	height:1.58rem;
	background-size:.95rem .158rem;
}

#certify{
	width:94%;
	margin:0 auto;
	position: relative;
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: .95rem !important;
    height: 1.58rem !important;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	outline: none;
}
.swiper-button-next {
    right: 10px !important;
}
.video_control{
	width: 100%;
	position: fixed;
	z-index: 99999;
	top:30%;
	left:0;
}
.video_control video{
	width: 100%;
}



/* 天书奇谈 */
.heaven_con{
	width:100%;
}
.heaven{
	width: 100%;
    height: 10.97rem;
    background: url(../images/heaven_img1.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.heaven2{
	width: 100%;
    height: 1.39rem;
    background: url(../images/heaven_img2.png) no-repeat;
    background-size: 100% 100%;
	margin-top:-.3rem;
	position: relative
}
.heaven_buttom{
	margin-top: 9.9rem;
}
.heaven_buttom a{
	display:inline-block;
	width:100%;
	height:100%;
}
.heaven_buttom img{
	width:3.08rem;
	height:.98rem;
	margin:0 auto;
}
.mobile_games_under2{
	width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
	background:#e6eef1;
}
.heaven_comment{
	width:100%;
	height:100%;
}
.comment_con{
	height: auto;
	width:94%;
	margin:0 auto;
}
.comment_con_left{
	width:10%;
	float:left;
}
.comment_con_left img{
	width:.7rem;
	height:.7rem;
	border-radius:50%;

}
.comment_con_right{
	width:86%;
	margin-left:4%;
	float:left;
	margin-bottom:.28rem;
}
.comment_con_right h2{
	text-align:left;
	color:#012250;
	font-size:.28rem;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.comment_con_right p{
	text-align:left;
}
.comment_con_right span{
	color:#012351;
	font-size:.24rem;
	text-align:left;
	float:left;
	margin-top:.11rem;
	line-height:.4rem;
}


/* 三十六计 */
.stratagems{
	width:100%;
	position: relative;
}
.stratagems_con{
	width: 100%;
    height: 11.30rem;
    background: url(../images/stratagems_img.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}

.video2{
	width: 1.29rem;
    height: 1.26rem;
    position: absolute;
    right: 1.2rem;
    top: 4.8rem;
	-webkit-animation: Rrotate 10s infinite linear;
    animation: Rrotate 10s infinite linear;
}
@-webkit-keyframes Rrotate
{
	to{
		-webkit-transform:rotate(1turn);
		-ms-transform:rotate(1turn);
		transform:rotate(1turn)
	}
}
@keyframes Rrotate{
	to{
		-webkit-transform:rotate(1turn);
		-ms-transform:rotate(1turn);
		transform:rotate(1turn)
	}
}

.stratagems_img2{
	position: absolute;
	bottom:1.8rem;
	text-align:center;
	width:100%;
	-webkit-animation: bounceIn 1s .2s ease both;
    -moz-animation: bounceIn 1s .2s ease both;
    animation: bounceIn 1s 0.2s ease both;
}
.stratagems_img2 img{
	width:6.94rem;
	height:2.57rem;
	text-align:center;
}
.mobile_games_under2{
	width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
	background:#fbf7f5;
}
.wd_butt6{
	position: absolute;
	bottom:.5rem;
	width:100%;
	text-align:center;

}
.wd_butt6 a{
	width:100%;
	height:100%;
	display:inline-block;
}
.wd_butt6 img{
	width:5.01rem;
	height:1.03rem;
}
.lb_stratagems{
	width: 100%;
    height: 4.67rem;
    background: url(../images/wrap-bg.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.lb_stratagems img{
	width:83%;
	height:3.26rem;
	margin:0 auto;
	margin-top:.7rem;
	margin-right:.18rem;
}

.stratagems_but{
	width:100%;
	text-align:center;
	margin-bottom:.53rem;
}
.stratagems_but a{
	width:100%;
	height:100%;
	display:inline-block;
}
.stratagems_but img{
	width:5.01rem;
	height:1.03rem;
	text-align:center;
}
.mobile_games_under3{
	width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
	background: url(../images/stratagems_img3.jpg) no-repeat;
    background-size: 100% 100%;
}
/* .mobile_games_bottom2{
	width: 7.07rem;
    height: 4.67rem;

} */




/* 个人中心-客服 */
.personal_cu_service{
	width:100%;
	height:100%;
	display:inline-block;
	padding-bottom:.5rem;
	padding-top:.84rem;
	display: none;
	background:#F7FCFF;
	text-align:center;
}
.personal_cu_service p{
	width:80%;
	margin:0 auto;
	text-align:center;
	color:#30B8FF;
	font-size:.28rem;
	line-height:.44rem;
}
.personal_cu_service a{
	background:#30B8FF;
	padding:.15rem .23rem;
	display:inline-block;
	border-radius:.8rem;
	color:#fff;
	text-align:center;
	margin-top:.30rem;
}
.personal_cu_service img{
	width:.30rem;
	height:.31rem;
	margin-right:.07rem;
}
.personal_cu_service .order{
	background:#EEEEEE;
	color:#999999;
}
.customer_service_top{
	background:#30B8FF;
	width:100%;
	height:3.92rem;
	overflow:hidden;
	text-align:center;
}
.customer_service_top p{
	color:#fff;
	font-size:.32rem;
	margin-top:.84rem;
	text-align:center;

}
.customer_service_top h2{
	font-size:.36rem;
	text-align:center;
	margin-top:.30rem;
	color:#fff;
}
.customer_service_top img{
	width:6.18rem;
	height:1.85rem;
	text-align:center;
	margin-top:.25rem;
}
.customer_service_middle{
	width:100%;
	background:#fff;
}
.customer_service_middle_size{
	height:1.16rem;
	border-bottom: 1px solid #eee;
}
.customer_service_middle_size h2{
	color:#111;
	font-size:.36rem;
	margin-left:.22rem;
	line-height:1.16rem;
}
.personal_all{
	width:100%;
}
.personal_cu_service_con {
    width: 100%;
    margin: 0 auto;
	display: inline-block;
}
.personal_cu_service_conenter{
	width:24.66%;
	border-right:1px solid #eee;
	float:left;
	text-align:center;
}
.problem_img{
	width:.87rem;
	height:.87rem;
	border-radius:50%;
	border:1px solid #eee;
	margin-top:.29rem;
}
.personal_cu_service_conenter h2{
	color:#111;
	font-size:.24rem;
	margin-top:.15rem;
	margin-bottom:.15rem;
}
.personal_cu_service_conenter p{
	color:#fff;
	padding:.07rem .18rem;
	background:#30B8FF;
	border-radius:.8rem;
	font-size:.20rem;
	width:40%;
	margin:0 auto;
}
.ser_img{
	width:.23rem;
	height:.13rem;
	margin-top:.13rem;
	display: none;
}
.personal_cu_service_conenter .offlin{
	background:#EEEEEE;
	color:#999;
}



/* 任务专区-每日任务 */
.task_list li, .z_sign_task_list, .z_sign_task {
    height: 1.02rem !important;
}
.app_tg{
	width:100%;
	margin:0 auto;

}
.Daily_attendance{
	width:100%;
	height:auto;
	background:#fff;
	overflow:hidden;
}
.task_list li{
	width:100%;
	margin-top: .3rem;
	border-bottom:1px solid #ededed;
}
.task_list a{
	z-index:999;
	position:relative;
	display:inline-block;
	width:100%;
}
.task_img {
	float:left;
}
.task_img img{
	width:0.68rem;
	height:0.68rem;
	margin-left:15px;
}
.z_sign_task_list {
    width: 52%;
    float: left;
	height: 73px;
}
.z_sign_task {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 96%;
    height: 73px;
}
.z_sign_task h2 {
    color: #000;
    width: 100%;
    float: left;
    margin-top: .06rem;
    margin-bottom: .1rem;
    font-size: .28rem;
}
.z_sign_task_p {
    color: #999;
    width: 100%;
	margin-top: .16rem;
    font-size: .24rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.z_sign_task_p i{
	color:#f4340e;
}
.task_list_right {
    width: 18%;
    margin-right: 10px;
    text-align: center;
}
.order_gameR_span {
    height: .56rem;
	width:1.10rem;
    background: #30B8FF;
    display: inline-block;
    border-radius: .3rem;
    color: #fff;
    line-height: .56rem;
    font-size: 0.9em;
    text-align: center;
	position:relative;
	z-index:999;
}
.order_gameR_span:hover{
	color: #fff;
}
.task_list_right .complete2{
	background:#ededed;
	color:#999;
}

/* 等级说明 */
.grade{
	width:100%;
	height:auto;
	background:#fff;
}
.grade_top{
	height:.88rem;
	line-height:.88rem;
	width:100%;
}
.grade_top span{
	width:33.3%;
	float:left;
	font-size:.24rem;
	text-align:center;
}
.grade_conter{
	width:100%;
}
.grade_conter li{
	height:.88rem;
	line-height:.88rem;
}
.grade_conter img{
	width:.34rem;
	height:.32rem;
	margin-right:.1rem;
}
.grade_conter span{
	width:33.3%;
	float:left;
	font-size:.24rem;
	text-align:center;
}
.grade_explain{
	background:#F8F8F8;
}





/* 梦回仙游 */
.dream_back{
	width:100%;
	height:auto;
	background:#fff;
}
.dream_back_game{
	width: 100%;
    height: 7.40rem;
    background: url(../images/back_game_img1.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.order_gameR a{
	background:#009def;
	color:#fff;
	font-size:.28rem;
	width: 1.16rem;
	height: .56rem;
	display:inline-block;
	text-align:center;
	line-height:.56rem;
	border-radius:4px;
}
.order_gameR a:hover{
	color:#fff;
}
.download_img{
	margin-top:5.07rem;
}
.download_img a{
	display:inline-block;
}
.download_img img{
	width:3.31rem;
	height:.98rem;
}
.dream_back_middle{
    height: 9.0rem;
    background: url(../images/event2-bg.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.dream_b_middle_img img{

	height:6.03rem;
}
.dream_middle_img{
	width:100%;
	text-align:center;
}
.dream_middle_img img{
	width:5.66rem;
	/* margin-top:.5rem; */
}

.dream_back_middle2{
    height: 8.22rem;
    background: url(../images/event2-bg2.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.boxlist{
	width:90%;
	height:auto;
	margin:0 auto;
	display:inline-block;
}
.boxlist ul{
	display:inline-block;
	margin-top:.57rem;
}
.boxlist li{
	width:33.3%;
	float:left;
	margin-bottom:.27rem;
}
.boxlist img{
	width:1.82rem;
	height:1.82rem;
	text-align:center;
}
.dream_back_middle_butt{
	margin-top:.33rem;
}
.dream_back_middle_butt a{
	display: inline-block;
}
.dream_back_middle_butt img{
	width: 3.31rem;
    height: .98rem;
}
.dream_back_bottom{
	height: 5.5rem;
    background: url(../images/event2-bg3.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.dream_back_bottom img{
	width:100%;
	height:4.17rem;
}
.dream_back_slides {
	width: 6.64rem;
	height: .91rem;
	margin:0 auto;
	font-size: 0;
	text-align: center;
	padding-bottom: .05rem;
	border-bottom: .02rem solid #a2b5d1;
}
.dream_back_slides span{
	float: left;
	width: .79rem;
	height: .79rem;
}
.gallery-thumbs .swiper-slide2 {
    height: 100%;
    opacity: 0.4;
	padding: 0 0.1rem;
}
.dot_img1{
	background: url(../images/dot_img1.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot_img1{
	background: url(../images/dot_img2.png) no-repeat;
    background-size: 100% auto;
}
.dot_img3{
	background: url(../images/dot_img3.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot_img3{
	background: url(../images/dot_img4.png) no-repeat;
    background-size: 100% auto;
}
.dot_img5{
	background: url(../images/dot_img5.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot_img5{
	background: url(../images/dot_img6.png) no-repeat;
    background-size: 100% auto;
}
.dot_img7{
	background: url(../images/dot_img7.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot_img7{
	background: url(../images/dot_img8.png) no-repeat;
    background-size: 100% auto;
}
.dot_img9{
	background: url(../images/dot_img9.png) no-repeat;
    background-size: 100% auto;
}
.swiper-slide-thumb-active .dot_img9{
	background: url(../images/dot_img10.png) no-repeat;
    background-size: 100% auto;
}
.slides2{
	width: 4.9rem;
    margin: 0 auto;
    text-align: center;
}
.slides2 span{
	float: left;
	width:.96rem;
	height: .96rem;
}



/* 补签说明 */
.supplementary_note{
	width:100%;
	height:auto;
	background:#fff;
}
.process{
	width:94%;
	margin:0 auto;
	padding-bottom:.61rem;
	border-bottom:1px solid #ededed;
}
.process h2{
	width:100%;
	font-size:.36rem;
	font-weight:700;
	color:#111;
	float:left;
	margin-top:.45rem;
	margin-bottom:.39rem;
}
.process img{
	width:100%;
	height:auto;
	margin-bottom:.2rem;
}
.process p{
	color:#999;
	font-size:.28rem;
	line-height:.48rem;
}


/* 限时任务 */
.app_tg{
	width:100%;
	height:auto;
	background:#fff;
}
.game_tasks{
	width:100%;
	height:.9rem;
	line-height:.9rem;
	border-bottom:1px solid #eee;

}
.game_tasks span{
	width:33.3%;
	float:left;
	text-align:center;
}
.game_tasks i{
	font-size:.28rem;
	color:#333;
}
.game_tasks span.active i {
    border-bottom: .06rem solid #30B8FF;
    color: #30B8FF;
}
.game_tasks span i {
    padding:0 .1rem .23rem;
}
.Game_task {
    width: 100%;
    height: auto;
    background: #fff;
}
.Game_task li {
    background: #fff;
    position: relative;
	border-bottom:1px solid #eee;
}
.Game_task li:last-child {
    border-bottom: 0;
}
.task_content {
    width: 100%;
    background: #fff;
   /*  height: 1.83rem; */
}
.content_game2 {
    width: 78%;
    float: left;
}
.content_game2 a {
    position: relative;
    z-index: 999;
    display: flex;
    width: 100%;
}
.content_game2 img {
    width: 1.32rem;
    height: 1.32rem;
    border-radius: .2rem;
	margin-right: .24rem;
    margin-left: .2rem;
	margin-top:.15rem;
}
.task_content_gInfor {
	flex:1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.task_content_gInfor h2{
	margin-top:.18rem;
	font-size:.32rem;
	color:#333;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.order_gInfor_p {
    margin-top: .1rem;
    font-size: .24rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    width: 100%;
    text-align: left;
}
.order_gInfor_p i {
    color: #f4340e;
	font-size:.30rem;
	margin-right:.1rem;
}
.task_list_righ {
    width: 18%;
    margin-right: .21rem;
    text-align: center;
}
.order_gameR_span2 {
    height: .56rem;
	width:1.10rem;
    background: #30B8FF;
    display: inline-block;
    border-radius: .3rem;
    color: #fff;
    line-height: .56rem;
    font-size:.28rem;
	margin-top:.64rem;
    text-align: center;
	position:relative;
	z-index:999;
}
.order_gameR_span2:hover{
	color: #fff;
}
.task_list_righ span{
	font-size:.28rem;
	margin-top:.28rem;
	display: inline-block;
	color:#999;
}
.task_list_righ .carry_through{
	color:#30b8ff;
}
.task_list_righ .complete{
	color:#333;
}

/* 帮助中心 */
.help_center{
	width:100%;
	height:auto;
}
.help_img{
	width:100%;
}
.help_img img{
	height:2.80rem;
	width:100%;
}
.help_conten{
	width:94%;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	margin-top: -.50rem;
  position: relative;
  border-bottom: 1px solid #eee;

}
.help_conten h2{
	color:#111;
	font-size:.32rem;
	margin-top:.35rem;
	margin-left:.29rem;
	margin-bottom:.38rem;
	font-weight:700;
}
.faq{
	width:100%;
	height:auto;
}
.faq a{
	width:100%;
	height:auto;
	display:flex;
	display: flex;
    align-items: center;
    justify-content: center;
}
.faq li{
	padding:.38rem 0 .38rem 0;
	display: inline-block;
    width: 100%;
	border-bottom:1px solid #eee;
}
.faq li:last-child {
   border-bottom: 0;
}
.faq_left{
	width:20%;
	float:left;
	text-align:center;
	flex-direction: column;
	align-items: center;
	display: flex;
	justify-content: center;
}
.faq_left img{
	width:.55rem;
	height:.56rem;
	text-align:center;
}
.faq_left p{
	color:#666;
	font-size:.24rem;
	margin-top:.12rem;
	width:100%;
}
.faq_middle{
	width:80%;
	float:left;
}
.faq_middle span{
	width:45%;
	float:left;
	margin:0 auto;
	margin-bottom:.41rem;
	font-size:.24rem;
	color:#666;
	display:inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	margin-left: .18rem;
}
.faq_middle span:last-child {
   margin-bottom: 0;
}

.faq_bottom{
	width: 94%;
    height: 1.05rem;
    background: #fff;
    margin: 0 auto;

}
.faq_bottom li{
	width:50%;
	float:left;
	text-align:center;
}
.faq_bottom a{
	width:100%;
	display:inline-block;
}
.faq_bottom img{
	width:.4rem;
	height:.40rem;
	margin-top:.16rem;
	margin-bottom:.10rem;
}
.faq_bottom h2{
	color:#666;
	font-size:.24rem;
}

/* 收支明细 */
.balance_payments{
	width:100%;
	height: 0 auto;
	background:#fff;
}
.balance{
	width:100%;
	height:auto;
}
.balance li{
	height:1.43rem;
	border-bottom:1px solid #eee;
}
.balance li:last-child{
	border-bottom:0;
}
.balance_left{
	width:70%;
	float:left;
	text-align:left;
}
.balance_left h2{
	color:#333;
	font-size:.28rem;
	margin-top:.38rem;
	margin-left:.28rem;
	width:90%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.balance_left p{
	margin-top:.20rem;
	color:#999;
	font-size:.24rem;
	margin-left:.28rem;
	width:90%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.balance_right{
	width:30%;
	float:right;
	text-align:right;
}
.balance_right h2{
	margin-right:.24rem;
	color:#111;
	font-size:.36rem;
	margin-top:.55rem;
	font-weight:700;
}
.balance  .reduce{
	color: #f4340e;
}


/* 积分商城 */
.shopping_mall{
	width:100%;
	height:auto;
	background:#fff;
}
.shopping_mall_top{
	width:100%;

}
.shopping_mall_top img{

	width:100%;
}
.shopping_mall_conten{
	width:100%;
	height:auto;
	background:#fff;
}
.shopping_mall_conten_top{
	width:94%;
	height:1.40rem;
	margin:0 auto;
	border-radius:50px;
	margin-top:-.70rem;
	position: relative;
	background:#fff;
	box-shadow: 2px 2px 15px rgba(204,204,204,0.5);
}
.mall_conten_left{
	text-align:center;
	width:50%;
	float:left;
}
.mall_conten_left h2{
	margin-top:.28rem;
	color:#111;
	font-size:.40rem;
	font-weight:700;
}
.mall_conten_left p{
	color:#999;
	font-size:.24rem;
	margin-top:.1rem;
}
.mall_conten_right{
	text-align:center;
	width:50%;
	float:left;
}
.mall_conten_right h2{
	margin-top:.28rem;
	color:#111;
	font-size:.40rem;
	font-weight:700;
}
.mall_conten_right p{
	color:#999;
	font-size:.24rem;
	margin-top:.1rem;
}

.shopping_mall_conten_middle{
	width:100%;
	background:#fff;
	display: inline-block;
	margin-top:.27rem;
	padding-bottom:.30rem;
	border-bottom:1px solid #eee;
}
.shopping_mall_conten_middle ul{
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.shopping_mall_conten_middle li{
	text-align:center;
}
.shopping_mall_conten_middle a{
	display:inline-block;
	width:100%;
}
.shopping_mall_conten_middle img{
	width:.70rem;
	height:.70rem;
	margin-bottom:.13rem;
}
.shopping_mall_conten_middle p{
	font-size:.24rem;
	color:#333;
}

.game_coupon{
	width:100%;
	height:auto;
	background:#fff;
	border-bottom:1px solid #eee;
}
.game_coupon_h2{
	margin-left:.19rem;
	margin-top:.39rem;
	margin-bottom:.3rem;
	font-size:.36rem;
	color:#111;
	font-weight:700;
}

.game_coupon_con{
	width:100%;
	height:auto;
}
.game_coupon_list{
	padding:.15rem 0 .15rem 0;
	width:100%;
	display: inline-block;
}
.game_coupon_list_left{
	width:80%;
	float:left;
	text-align:left;
}
.game_coupon_list_left a{
	width:100%;
	height:auto;
	display:inline-block;
}
.game_coupon_list_left img{
	width:2.10rem;
	height:1.34rem;
	float:left;
	margin-left:.2rem;
	margin-right:.24rem;
}
.game_coupon_list_con{
	width: 50%;
    float: left;
}
.game_coupon_list_con h2{
	color:#333;
	font-size:.32rem;
	font-weight:700;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.game_coupon_list_con p{
	color:#999;
	font-size:.24rem;
	margin-top:.1rem;
}
.game_coupon_list_con i{
	color:#f4340e;
	font-size:.28rem;
	margin-right:.1rem;
}
.game_coupon_list_right{
	width:20%;
	float:right;
    text-align: center;
}
.game_coupon_list_right a{
	width:1.10rem;
	height:.56rem;
	line-height:.56rem;
	border-radius:.6rem;
	background:#30b8ff;
	display:inline-block;
	color:#fff;
	font-size:.28rem;
	text-align:center;
	margin-top:.4rem;
}
.game_coupon_list_right a:hover{
	color:#fff;
}

.periphery{
	width:100%;
	height:auto;
	display:inline-block;
	background:#fff;
}
.periphery li{
	width:50%;
	float:left;
	margin-bottom:.21rem;
}
.periphery a{
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
}
.periphery img{
	width:88%;
	height:3.16rem;
	text-align: center;
}
.periphery h2{
	margin-left:.23rem;
	margin-top:.21rem;
	font-size:.28rem;
	color:#333;
	text-align:left;
	font-weight:700;
	width:90%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.periphery p{
	margin-left:.23rem;
	margin-top:.17rem;
	font-size:.24rem;
	color:#999;
	text-align:left;
	width:90%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.periphery i{
	color:#f4340e;
	font-size:.36rem;
}


/* 成就任务 */
.achievement_task{
	width:100%;
	height:auto;
}
.periphery_img{
	width:100%;
	height:3.26rem;
}
.periphery_img img{
	height:3.26rem;
	width:100%;
}
.my_achievements{
	width:94%;
	margin:0 auto;
	margin-top: -.70rem;
    position: relative;
    background: #fff;
	border-radius:.3rem;
}
.my_achievements_title{
	width:92%;
	margin: 0 auto;
	height:.94rem;
	border-bottom:1px solid #eee;
	margin-bottom:.22rem;
}
.my_achievements_title h2{
	float:left;
	color:#111;
	font-size:.32rem;
	line-height:.94rem;
}
.my_achievements_title p{
	float:right;
	line-height:.94rem;
	color:#999;
	font-size:.28rem;
}
.my_achievements_title i{
	color:#f4340e;
}
.my_achievements_con{
	width:100%;
	display:inline-block;
	margin:0 auto;
}
.my_achievements_con li{
	width:25%;
	float:left;
	text-align:center;
	margin-bottom:.3rem;
}
.my_achievements_con a{
	display:inline-block;
	width:100%;
}
.my_achievements_con img{
	height:1.12rem;
	width:1.02rem;
	text-align:center;
}
.my_achievements_con p{
	font-size:.24rem;
	color:#333;
	margin-top:.1rem;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.daren_conten{
	width:94%;
	margin:0 auto;
    background: #fff;
	border-radius:.3rem;
	margin-top:.2rem;
	margin-bottom:.5rem;
}
.daren_conten li{
	width:100%;
	display:inline-block;
}

.daren_contenrs{
	width:78%;
	float: left;
	border-bottom:1px solid #F6F3F7;
	padding-bottom: .41rem;
}
.daren_conten_left{
	width:72%;
	float:left;
}
.daren_conten_left a{
	width:100%;
	display:inline-block;
}
.daren_img{
	width: 18%;
	float:left;
    display: inline-block;
}
.daren_img img{
	width:.87rem;
	height:.87rem;
	float:left;
	margin-left:.26rem;
	margin-top:.43rem;
}
.daren_conten_left_title{
	width:100%;
	float:left;
	margin-left:.28rem;
}
.daren_conten_left_title h2{
	margin-top:.43rem;
	color:#272A29;
	font-size:.30rem;
}
.daren_conten_left_title i{
	color:#f4340e;
}
.daren_conten_left_title p{
	color:#999;
	font-size:.24rem;
	margin-top:.20rem;
	margin-bottom:.20rem;
}
.daren_conten_left_title span{
	color:#30b8ff;
	font-size:.24rem;
}
.daren_conten_right{
	width:25%;
	float:right;
	text-align:center;
}
.daren_conten_right a{
	width:1.20rem;
	height:.56rem;
	line-height:.56rem;
	background:#30b8ff;
	color:#fff;
	text-align:center;
	border-radius: .6rem;
	font-size:.28rem;
	display:inline-block;
	margin-top:.78rem;
}
.daren_conten_right a:hover{
	color:#fff;
}
.task_hint{
	width:100%;
	height:3.8rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	text-align:center;
}
.task_hint h2{
	height:.98rem;
	border-bottom:1px solid #eee;
	color:#999;
	font-size:.33rem;
	text-align:center;
	line-height:.98rem;
}
.task_hint p{
	color:#000;
	font-size:.28rem;
	text-align:Center;
	margin-top:.65rem;
	margin-bottom:.52rem;
}
.task_hint_a{
	display:inline-block;
	width:3.00rem;
	height:.82rem;
	line-height:.82rem;
	text-align:center;
	background:#30b8ff;
	color:#fff;
	font-size:.36rem;
	border-radius:.6rem;
}
.task_hint_a:hover{
	color:#fff;
}



/* 成就详情 */
.achievement_details{
	width:100%;
	height:auto;
	background:#fff;
	overflow:hidden;
}
.achievement_details_top{
	width: 94%;
    height: 3.90rem;
    background: url(../images/achievement_detail_img.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
	margin:0 auto;
	margin-top:.31rem;
}
.achievement_details_top_img{
	width:.62rem;
	height:.62rem;
	border-radius:50%;
	margin-top:.32rem;
	margin-bottom:.17rem;
}
.achievement_details_top p{
	font-size:.24rem;
	color:#999;
	margin-bottom:.21rem;
}
.achievement_details_top h2 {
    width: 100%;
    text-align: center;
	margin-bottom:.25rem;
}
.achievement_details_top span {
    width: 1.80rem;
    display: inline-block;
    height: 1px;
    position: relative;
    background: #606481;
    top: -4px;
}
.achievement_details_top i{
	color:#fff;
	font-size:.32rem;
	padding:0 .1rem 0 .1rem;
}
.achievement_details_title{
	width:94%;
	margin:0 auto;
	margin-bottom:.43rem;
}
.achievement_details_title h2{
	font-size:.36rem;
	color:#111;
	font-weight:700;
	margin-top:.33rem;
	margin-bottom:.30rem;
}
.achievement_details_title p{
	color:#999;
	font-size:.28rem;
	line-height:.46rem;
}

.achievement_type{
	width:100%;
	height:auto;
	border:1px solid #eee;
	display:inline-block;
	display: flex;
	position: relative;
}
.achievement_type_left {
	width:1.5rem;
	text-align:center;
	box-shadow: 2px 2px 15px rgba(204,204,204,0.5);
	position: absolute;
	left: 0;
	z-index: 999;
	background:#fcfcfc;
	color:#000;
	font-weight:700;
}
.achievement_type_left h2{
	height:.90rem;
	line-height:.90rem;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	color:#000;
	font-size:.28rem;
}
.honor_wrap{
    overflow: auto;
    flex: 1;
    margin-left: 1.5rem;

}
.type_left_sign{
	height:6.38rem;
	line-height:6.38rem;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}
.type_left_sign_title{
	width:100%;
	height:.94rem;
	line-height:.94rem;
}
.type_left_sign_title h2{
	height:.94rem;
	line-height:.94rem;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	color:#111;
	font-size:.28rem;
	float:left;
	text-align:center;
}
.achievement{
	text-align: center;
	width: 11.1rem;
}
.td_th{
	height: .90rem;
    line-height: .90rem;
	border-bottom:1px solid #eee;
}
.td_th p{
	float:left;
	text-align:center;
	border-right:1px solid #eee;
}
.td_th img{
	width:.62rem;
	height:.64rem;
}


/* 兑换宇币 */
.lin_div{
	height:.16rem;
	background:#eee;
}
.money_exchange_con {
    width: 100%;
	position: relative;
}
.myintegral{
	height:.88rem;
	line-height:.88rem;
	width: 88%;
	margin:0 auto;
	background:#fff;
}
.myintegral p{
	color:#333;
	font-size:.28rem;
}
.myintegral i{
	color:#f4340e;
}
.money_exchange {
    width: 94%;
	margin:0 auto;
    height: 100%;
    background: #fff;
	margin-bottom:.27rem;
}
.place_img_left {
    position: absolute;
    width: .18rem;
    height: 1.17rem;
    left: .21rem;
    top: 2.32rem;
}
.place_img_right {
    position: absolute;
    width: .18rem;
    height: 1.17rem;
    right: .21rem;
    top: 2.32rem;
}
.what_needed{
	height:1.18rem;
	width:88%;
	margin:0 auto;
}
.what_needed_left{
	width:60%;
	float:left;
}
.what_needed_left p{
	width:100%;
	float:left;
	text-align:left;
	font-size:.24rem;
	color:#999;
	margin-top:.17rem;
}
.what_needed_left h2{
	color:#f4340e;
	font-size:.40rem;
}
.what_needed a{
	float:right;
	text-align:center;
	width:1.87rem;
	height:.86rem;
	border-radius:.1rem;
	background:#10DB96;
	line-height:.86rem;
	color:#fff;
	font-size:.32rem;
	display:inline-block;
	margin-top:.16rem;
}
.what_needed a:hover{
	color:#fff;
}
.needed_rebate_name {
    width: 88%;
    height: 1.1rem;
    line-height: 1.1rem;
    margin: 0 auto;
    text-align: center;
    /* border-bottom: 1px solid #dcdcdc; */
    position: relative;
}

.needed_rebate_name p {
    width: 30%;
    height: 1.10rem;
    line-height: 1.1rem;
    max-height: 1.1rem;
    float: left;
    text-align: left;
    color: #333;
    font-size: .28rem;
}
.needed_rebate_name a {
    width: 100%;
    display: inline-block;
    float: right;
}
.needed_rebate_name span {
	float: left;
    font-size: .28rem;
    color: #999;
    width: 62%;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.needed_rebate_name img {
    margin-left: .12rem;
    width: .16rem;
    height: .28rem;
    float: right;
    text-align: right;
    margin-top: .4rem;
}
.needed_rebate_name input {
    width: 65%;
    height: 1.1rem;
    border: 0;
    float: right;
    overflow: hidden;
    font-size: 1em;
    outline: none;
    color: #333;
}
.recently_playing{
	background:#fff;
}
.recently_playing_h2{
	padding:.38rem 0 .38rem .26rem;
	color:#111;
	font-size:.36rem;
	font-weight:700;
}
.recently_playing_con{
	width:100%;
	display:inline-block;
}
.recently_playing_con_list{
	width:45%;
	height:1.25rem;
	float:left;
	margin-left:.2rem;
	border:1px solid #eee;
	border-radius:.1rem;
	margin-bottom:.20rem;
	position: relative;
}
.recently_playing_con_list a{
	display:inline-block;
	width: 100%;
}
.recently_playing_con_list img{
	width:.89rem;
	height:.89rem;
	margin-top:.18rem;
	margin-left:.18rem;
	float:left;
	border-radius:.1rem;
}
.recently_playing_con_list_r{
	width:60%;
	float:left;
}
.recently_playing_con_list_r h2{
	margin-top:.28rem;
	margin-left:.17rem;
	color:#333;
	font-size:.28rem;
	width:92%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.recently_playing_con_list_r p{
	color:#999;
	font-size:.24rem;
	margin-top:.22rem;
	margin-left:.17rem;
	width:92%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.recently_playing_con_list_r .h2{
	margin-top: .2rem;
}
.recently_playing_con_list_r .p{
	margin-top: .18rem;
}

/* 停运转游 */
.app_tg {
    width: 100%;
    margin: 0 auto;
}

.Prompt {
    height: .72rem;
    background: #E5F5FE;
}
.Prompt p {
    float: left;
    color: #009def;
    font-size: .24rem;
    line-height: .72rem;
    margin-left: .20rem;
}
.outage_task {
    width: 100%;
    height: auto;
    background: #fff;
	padding-bottom:.36rem;
}
.outage_task li {
    background: #fff;
    position: relative;
}
.outage_task_content {
    width: 100%;
    background: #fff;
    height: 1.84rem;
}
.outage_content_game {
    width: 78%;
    float: left;
}
.outage_content_game a {
    position: relative;
    z-index: 999;
    display: inline-block;
    width: 100%;
}
.outage_content_game img {
    width: 1.26rem;
    height: 1.26rem;
    float: left;
    border-radius: .1rem;
    margin-left: .20rem;
	margin-top:.30rem;
}
.outage_task_content_gInfor {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 62%;
}
.outage_task_content_gInfor h2 {
    color: #333;
	margin-top:.30rem;
	font-size:.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    max-width: 100%;
    float: left;
    text-align: left;
	margin-bottom: .20rem;
}
.outage_order_gInfor_p {
    margin-top: .20rem;
    font-size: .24rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    width: 100%;
    text-align: left;
}
.task_list_right {
    width: 16%;
    text-align: center;
}
.task_list_right a {
    display: inline-block;
    width: 100%;
}
.task_list_right img {
    width: .38rem;
    height: .42rem;
    text-align: center;
    margin-bottom: .12rem;
    margin-top: .2rem;
}
.task_list_right p {
    color: #30B8FF;
    text-align: center;
	font-size:.24rem;
}
.swim_rule {
    width: 94%;
    background: #fff;
    margin: 0 auto;
}
.swim_rule_con {
    width: 100%;
    height: 1.2rem;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-top: 1px solid #eee;
}
.swim_rule_con p {
    color: #999;
    font-size: .28rem !important;
    line-height: 23px;
    width: 93%;
    margin-top: 10px;
}
.drop_a {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: inline-block;
    float: right;
    width: 1rem;
}
.drop_downimg {
    float: right;
    width: .28rem;
    height: .16rem;
    margin-top: 15px;
}

/* 天宇游戏推广 */
.tyy_box{
  width: 100%;
  height: 100%;
  background: #160f3c url(../images/box_bigBg.png) no-repeat;
  background-size: 100%;
  padding-bottom: .3rem;
}
.tyy_box .content_game_size2{
  margin-top: .06rem;
}
.tyy_box .bt_ad{
  background: rgba(22, 15, 61,0.93);
}
.tyyBox_wrap{
  padding-top: 1.7rem;
}
.BoxTop_title{
  width: 88%;
  margin: 0 auto;
  -webkit-animation:bounceInLeft 1s .2s ease both;
  -moz-animation:bounceInLeft 1s .2s ease both;
}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
60%{opacity:1;
-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
.bt_title1{
  width:100%;
  height: .87rem;
  background: url(../images/box_t1.png) no-repeat;
  background-size: 100% 100%;
  max-width: 6.52rem;
  margin: 0 auto;
  margin-bottom: .3rem;
  -webkit-animation: two-up-down .8s ease infinite 80ms alternate;
  animation: two-up-down .8s ease infinite 80ms alternate;
}
@keyframes two-up-down{
  from{
    -webkit-transform:translate(0,1px);
    transform:translate(0,1px)
  }
  to{
    -webkit-transform:translate(0,-1px);
    transform:translate(0,-1px)
    }
}

.bt_title2{
  width:100%;
  height: .4rem;
  background: url(../images/box_t2.png) no-repeat;
  background-size: 100% 100%;
  max-width: 5.6rem;
  margin: 0 auto;
  margin-bottom: .3rem;
  -webkit-animation: two-up-down .8s ease infinite 80ms alternate;
  animation: two-up-down .8s ease infinite 80ms alternate;
  animation-delay:.3s;
  -webkit-animation-delay:.3s;
}
.bt_title3{
  width:100%;
  height: .66rem;
  background: url(../images/box_t3.png) no-repeat;
  background-size: 100% 100%;
  max-width: 3.87rem;
  margin: 0 auto;
  margin-bottom: .3rem;
  -webkit-animation: two-up-down .8s ease infinite 80ms alternate;
  animation: two-up-down .8s ease infinite 80ms alternate;
  animation-delay:.5s;
  -webkit-animation-delay:.5s;
}
.bt_title4{
  width:100%;
  height: .4rem;
  background: url(../images/box_t4.png) no-repeat;
  background-size: 100% 100%;
  max-width: 2.83rem;
  margin: 0 auto;
  margin-bottom: .3rem;
   -webkit-animation: two-up-down .8s ease infinite 80ms alternate;
  animation: two-up-down .8s ease infinite 80ms alternate;
   animation-delay:.4s;
  -webkit-animation-delay:.4s;
}
.bt_title5{
  width:100%;
  height: .34rem;
  background: url(../images/box_t5.png) no-repeat;
  background-size: 100% 100%;
  max-width: 5.23rem;
  margin: 0 auto;
  margin-bottom: .5rem;
   -webkit-animation: two-up-down .8s ease infinite 80ms alternate;
  animation: two-up-down .8s ease infinite 80ms alternate;
   animation-delay:.7s;
  -webkit-animation-delay:.7s;
}
.BoxTop_phone{
  width:100%;
  height: 8.05rem;
  background: url(../images/box_phone.png) no-repeat;
  background-size: 100% 100%;
  max-width: 6.85rem;
  margin: 0 auto;
  -webkit-animation:bounceInRight 1s .2s ease both;
  -moz-animation:bounceInRight 1s .2s ease both;
  animation-delay:.5s;
  -webkit-animation-delay:.5s;

}
@-webkit-keyframes bounceInRight{
  0%{opacity:0;
  -webkit-transform:translateX(2000px)}
  60%{opacity:1;
  -webkit-transform:translateX(-30px)}
  80%{-webkit-transform:translateX(10px)}
  100%{-webkit-transform:translateX(0)}
  }
  @-moz-keyframes bounceInRight{
  0%{opacity:0;
  -moz-transform:translateX(2000px)}
  60%{opacity:1;
  -moz-transform:translateX(-30px)}
  80%{-moz-transform:translateX(10px)}
  100%{-moz-transform:translateX(0)}
}
.BoxTop_down{
  width:100%;
  height: 1.14rem;
  /* background: url(../images/box_downBg.png) no-repeat;
  background-size: 100% 100%; */
  max-width: 6.29rem;
  margin: 0 auto;
  text-align: center;
  position: fixed;
  bottom: .8rem;
  left: 50%;
  margin-left: -3.15rem;
  z-index: 99999;
}
.BoxTop_down a{
  width: 3.74rem;
  height: 1.31rem;
  display: inline-block;
  background: url(../images/box_downBtn.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  -webkit-animation:bounceInUp 1s .2s ease both;
  -moz-animation:bounceInUp 1s .2s ease both;
   animation-delay:.8s;
  -webkit-animation-delay:.8s;

}
@-webkit-keyframes bounceInUp{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
60%{opacity:1;
-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
0%{opacity:0;
-moz-transform:translateY(2000px)}
60%{opacity:1;
-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
.special_model, .welfare{
  margin-top: .6rem;
}
.special_title{
  width:100%;
  height: .45rem;
  background: url(../images/box_title1.png) no-repeat;
  background-size: 100% 100%;
  max-width: 3.44rem;
  margin: 0 auto;
  margin-bottom: .4rem;
}
.special_swiper .swiper-container {
    width: 100%;
    height: 100%;
}
.special_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 62%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.special_swiper img{
  width: 100%;
}
.welfare .special_title{
  width:100%;
  height: .45rem;
  background: url(../images/box_title2.png) no-repeat;
  background-size: 100% 100%;
  max-width: 3.44rem;
  margin: 0 auto;
  margin-bottom: .4rem;
}
.welfare h2{
  font-weight: 700;
  color: #ff502d;
  text-align: center;
  font-size: .46rem;
}
.welfare_img{
  width: 100%;
  text-align: center;
}
.welfare_bag{
  width: 100%;
  height: 6.16rem;
  display: inline-block;
  background: url(../images/box_bag.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  max-width: 6.78rem;
  position: relative;
}
.welfare_bag img{
  width: 1.21rem;
  height: 1.21rem;
  position: absolute;
  left: 50%;
  top: 2rem;
  margin-left: -.5rem;
  -webkit-animation:pulse 1s .2s ease both infinite;
  -moz-animation:pulse 1s .2s ease both infinite;
}
@-webkit-keyframes pulse{
  0%{-webkit-transform:scale(1)}
  50%{-webkit-transform:scale(1.1)}
  100%{-webkit-transform:scale(1)}
  }
  @-moz-keyframes pulse{
  0%{-moz-transform:scale(1)}
  50%{-moz-transform:scale(1.1)}
  100%{-moz-transform:scale(1)}
}
.tyy_boxBottom{
  width: 100%;
  text-align: center;
  padding: .5rem 0;
  color: #bdbdbd;
  font-size: .24rem;
}
.tyy_boxBottom p{
  margin: .1rem 0;
}



/* ios版本 */
.ios_edition{
	width:100%;
	height:auto;
	background:#fff;
}
.ios_edition_top{
	width:100%;
	background:url(../images/ios_edition_img.png) no-repeat 0 0;
	background-size:100% 5.02rem;
}
.ios_edition_middle{
	width: 80%;
    height: auto;
    text-align: center;
    margin: 0 auto;
	padding-bottom:.58rem;
	border-bottom:1px solid #eee;
}
.edition_logo{
	margin-top:2.51rem;
	width:1.70rem;
	height:1.70rem;
}
.ios_edition_middle p{
	color:#999;
	font-size:.28rem;
	text-align:center;
	margin-bottom:.29rem;
}
.ios_edition_middle h2{
	color:#333;
	font-size:.44rem;
	margin-top:.62rem;
	margin-bottom:.43rem;
}
.pingguo{
	width:.36rem;
	height:.44rem;
	margin-right:.18rem;
	margin-top:-.1rem;
}
.ios_edition_middle_con{
	background:#fff;
	width: 88%;
	padding-bottom:.6rem;
	margin: 0 auto;
  text-align: left;
}
.ios_edition_middle_con h2{
	margin-bottom:.42rem;
	margin-top:.65rem;
	color:#111;
	font-size:.32rem;
	font-weight:700;
}
.ios_edition_middle_con p{
	color:#999;
	font-size:.28rem;
	line-height:.44rem;
}
.ios_edition_middle_tit span{
	margin-right:.42rem;
}
.ios_edition_middle_tit a{
	margin-top:.2rem;
	width:3.43rem;
	height:.78rem;
	line-height:.78rem;
	background:#30b8ff;
	color:#fff;
	font-size:.36rem;
	text-align:center;
	display:inline-block;
	border-radius:.1rem;
}
.ios_edition_middle_tit a:hover{
	color:#fff;
}

.edition_popup{
	width:100%;
	margin:0 auto;
	background:#fff;
	text-align:center;
	padding-bottom:.49rem;
	border-radius:4px;
}
.edition_popup h2{
	padding:.35rem 0 .30rem 0;
	color:#111;
	font-size:.40rem;
	text-align:center;
	font-weight:700;
	margin-bottom:.57rem;
	border-bottom:1px solid #eee;
}
.edition_popup p{
	color:#000;
	font-size:.32rem;
	width:90%;
	margin:0 auto;
	line-height:.52rem;
	margin-bottom:.49rem;
	text-align:left;
}
.edition_popup a{
	width:3.0rem;
	height:.82rem;
	background:#30b8ff;
	color:#fff;
	line-height:.82rem;
	border-radius:.5rem;
	text-align:center;
	font-size:.36rem;
	display:inline-block;
}
.edition_popup a:hover{
	color:#fff;
}


/* 帮助详情 */
.help_details{
	width:100%;
	height:auto;
	background:#fff;
	padding-bottom:.3rem;
}
.help_details_title{
	width:92%;
	margin:0 auto;
}
.help_details_title h2{
	font-size:.32rem;
	width:100%;
	color:#111;
	float:left;
	margin-top:.3rem;
	margin-bottom:.2rem;
	font-weight:700;
}
.help_details_title i{
	width:.06rem;
	height:.4rem;
	background:#30b8ff;
	display: inline-block;
	margin-right:.2rem;
	position: absolute;
	margin-top: .02rem;
}
.help_details_title span{
	margin-left: .2rem;
}
.help_details_title p{
	color:#333;
	line-height:.56rem;
	text-align:left;
	font-size:.28rem;
}

.no_data{
	width: 100%;
    text-align: center;
    margin-top: 2.9rem;
    padding-bottom: 2.5rem;
}
.no_data img{
	width: 1.96rem;
    height: 1.90rem;
    text-align: center;
    margin-bottom: .2rem;
}

.tabContent {
	margin-top: .9rem;
}
.game_tasks {
	width: 100%;
	height: .9rem;
	line-height: .9rem;
	border-bottom: 1px solid #eee;
	top: 0;
	position: fixed;
	bottom: 30px;
	z-index: 99999;
	background: #fff;
}

/* IOS修复教程 */
.iosRepair{
  width: 100%;
}
.iRepair_top{
  width: 100%;
  height: 3.93rem;
  background: url(../images/iosRepair_bg.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100% 100%;
}
.iRepair_mid{
  width: 100%;
  position: relative;
  top: -.38rem;
}
.iRepair_mid_radius{
  width: 92%;
  margin: 0 auto;
  height: .66rem;
  border-radius: .33rem;
  background: #0c55e0;
  position: relative;
}
.iRepair_mid_main{
  width: 86%;
  margin: 0 auto;
  background: #fff;
  border-top: .06rem solid #0745bc;
  position: absolute;
  top: .33rem;
  left: 6%;
  padding-bottom: .7rem;
  box-shadow:0px 20px 54px 0px rgba(6,91,255,0.1);
}
.iRepair_mid_wrap{
  width: 90%;
  margin: 0 auto;
  -webkit-animation:fadeInDown 1s .2s ease both;
  -moz-animation:fadeInDown 1s .2s ease both;
  padding-top: .6rem;
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.iRepair_mid_main h3 {
  font-size: .36rem;
  font-weight: 700;
  color: #f4340e;
  margin: .4rem 0 .4rem;
  line-height: 1.6;
  font-family: 微软雅黑;
}
.iRepair_mid_wrap p{
  color: #111;
  font-size: .28rem;
  margin: .14rem 0;
  line-height: 1.4;
  font-family: 微软雅黑;
}
.repair_button{
  margin-top: .4rem;
}
.repair_button a{
  width: 100%;
  height: .82rem;
  line-height: .82rem;
  display: inline-block;
  text-align: center;
  border-radius: .4rem;
  margin: 0 auto;
}
.repair_button .right_repair{
  background: #0878EA;
  color: #fff;
}
.repair_button .open_tyyAPP{
  background: #fff;
  color: #0878EA;
  border: 1px solid #0878EA;
  margin-top: .26rem;
}


/* 攻城霸业 */
.gc_right_down a{
  width: 100%;
  display: inline-block;
  margin-top: .33rem;
}
.gc_right_down img{
    width: 1.73rem;
    height: .56rem;
    float: right;
    margin-right: .2rem;
}
.gcby_games{
    width: 100%;
    height: 10.93rem;
    background: url(../images/gc_bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.gcby_downbtn img{
  width: 3.67rem;
  height: 1.22rem;
  margin-top: .4rem;
  -webkit-animation:fadeInLeft 1s .2s ease both;
  -moz-animation:fadeInLeft 1s .2s ease both;
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.gcby_floor1{
  width: 100%;
  height: 5.31rem;
  background: url(../images/gc_floor1.gif) no-repeat;
  background-size: 100% 100%;
}
.gcby_floor2{
  width: 100%;
  height: 10.07rem;
  background: url(../images/gc_floor2.jpg) no-repeat;
  background-size: 100% 100%;
}

/* 移动端APP推广 */
.mapp_tgWrap{
  width: 100%;
  margin: 0 auto;
}
.mapp_tgHead{
  width: 100%;
  background: #3945C2;
  position: fixed;
  top: 0;
  z-index: 99;
  max-width: 768px;
  margin: 0 auto;
  height: 1.34rem;
}
.mapp_Hleft{
  width: 70%;
  display: inline-block;
  padding-left: .2rem;
  margin-top: .18rem;
}
.mapp_Hleft img {
  width: 1rem;
  height: 1rem;
  float: left;
  vertical-align: top;
  margin-right: .18rem;
}
.mapp_title {
  width: 70%;
  display: inline-block;
}
.mapp_title h3{
  font-size: .28rem;
  color: #fff;
  margin-bottom: .1rem;
  padding-top: .02rem;
}
.mapp_title p{
  font-size: .2rem;
  color: #fff;
  margin-bottom: .1rem;
}
.mapp_star{
  width: 1.06rem;
  height: .18rem;
  background: url(../images/mapp_star.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  top: 1px;
}
.mapp_Hright{
  width:26%;
 float: right;
 text-align: right;

}
.mapp_Hright a{
  width: 1.56rem;
  height: .6rem;
  line-height: .6rem;
  display: inline-block;
  background: #30B8FF;
  color: #fff;
  text-align: center;
  border-radius: .1rem;
  margin-right: .2rem;
  margin-top: .4rem;
  font-size:.28rem;
}
.mapp_floor1_con{
  width: 100%;
  height: 10.0rem;
  background: url(../images/fool_img1.jpg) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding-top: .2rem;
  margin-top: 1.34rem;
}
.mFloor1_top1{
  width: 6.46rem;
  height: 2.77rem;
  background: url(../images/mapp_head_img.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  -webkit-animation:fadeInLeft 1s .2s ease both;
  -moz-animation:fadeInLeft 1s .2s ease both;
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.mFloor1_mid1{
  width: 98%;
  height: 5.21rem;
  background: url(../images/shape1copy3.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  margin-top: .2rem;
  -webkit-animation:fadeInRight 1s .2s ease both;
  -moz-animation:fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.mFloor1_bottom{
  width: 92%;
  margin: 0 auto;
}
.mFloor1_bottom a {
  width: 45%;
  height: .98rem;
  line-height: .98rem;
  display: inline-block;
  border-radius: .5rem;
  text-align: center;
  color: #fff;
  font-size: .36rem;
}
.mapp_and{
  background: #36E31E;
}
.mapp_and span{
  width: .36rem;
  height: .41rem;
  background: url(../images/andro1.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  top: .08rem;
  margin-right: .1rem;
}
.mapp_ios{
  background: #FDB036;
}
.mapp_ios span{
  width: .36rem;
  height: .41rem;
  background: url(../images/pgimg1.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  top: .06rem;
  margin-right: .1rem;
}
.mapp_global{
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  background:#fff;
}
.mapp_global h3{
  font-size: .46rem;
  font-weight: 700;
  color: #111;
  margin-bottom: .3rem;
}
.mapp_global h3 span{
  color: #fe3a40;
}
.mapp_global p{
  font-size: .28rem;
  color: #666;
  margin-bottom: .2rem;
}
.mapp_floor2_text{
  margin-top: .3rem;
}
.mapp_floor2 img{
  width: 5.83rem;
  height: 5.49rem;
  margin: 0 auto;
}
.mapp_floor3, .mapp_floor5{
  background: #f4f5f8;
}
.mapp_floor3 img{
  width: 4.44rem;
  height: 3.96rem;
}
.mapp_floor4 img{
  width: 4.84rem;
  height: 3.44rem;
}
.mapp_floor5 img{
  width: 5.86rem;
  height: 4.69rem;
}
.mapp_floor6 img{
  width: 4.72rem;
  height: 3.83rem;
}
.mapp_footer{
  width: 100%;
  background: #F6FBFF;
  text-align: left;
  padding-bottom: .3rem;
}
.mapp_footer p{
  font-size: .24rem;
  color: #999;
  text-align: center;
  margin-bottom: .16rem;
}

.license{
	text-align:center;
}
.license a{
	font-size: .24rem;
    color: #999;
    text-align: center;
    margin-bottom: .16rem;

}

.treasure_rules{
	width:100%;
	background:#fff;
	padding-bottom: .62rem;
}
.treasure_rules_con{
	width:94%;
	margin:0 auto;
	padding-top: .48rem;
}
.treasure_rules_con h2{
	color:3111;
	font-size:.32rem;
	font-weight:700;
	margin-top:.28rem;
	margin-bottom:.28rem;
}
.treasure_rules_con p{
	font-size:.26rem;
	line-height:.46rem;
	color:#666;
	padding-top:.1rem;
}

.activity_rules{
	width:100%;
	background:#fff;
	height:100%;
	overflow:hidden;
}
.activity_rules_con{
	width:94%;
	margin:0 auto;
	margin-top: .48rem;
}
.activity_rules_con p{
	font-size:.26rem;
	line-height:.46rem;
	color:#666;
	padding-top:.1rem;
}

.membership{
	width:100%;
	height:auto;
	background:#fff;
}
.membership_con{
	width:100%;
	height:auto;
	overflow:hidden;
}
.membership_con_top{
	width:100%;
	height:5.08rem;
	background:url(../images/membership.jpg) no-repeat 0 0;
	background-size:100% 5.08rem;
	position: relative;
	overflow: hidden;
}
.membership_con_grade img{
	width:.31rem;
	height:.31rem;
	margin-right:.16rem;
}
.membership_con_grade h2{
	color:#E2AA00;
	font-size:.32rem;
	float:left;
}
.membership_con_grade_h2_1{
	position: absolute;
	top:.77rem;
	left:1.04rem;
}
.membership_con_grade_h2_2{
	position: absolute;
	top:1.5rem;
	left:.74rem;
}

.membership_ranking{
  width: 96%;
  margin: 0 auto;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.membership_ranking1{
  width:16.6%;
  text-align: center;
}
.membership_ranking1 p{
  color:#C2A26F;
  font-size:.24rem;
}
.grade_1{
   margin: .1rem 0 0;
}
.grade_1  em{
	width:.10rem;
	height:.18rem;
	background: #EBEBEB;
	border-radius:.04rem;
	display: inline-block;
}

.membership_ranking .grade_size{
  display:block;
  font-size: .24rem;
  color:#B0B2B6;
}
.membership_ranking .vip_grade {
	color: #C2A26F;
}
.membership_ranking .grade_shape em{
	background:#C2A26F;
}
.membership_ranking .grade_2 em{
	height:.47rem;
}
.membership_ranking .grade_3 em{
	height:1.0rem;
}

.membership_ranking .grade_4 em{
	height:1.45rem;
}
.membership_ranking .grade_5 em{
	height:1.83rem;
}
.membership_ranking .grade_6 em{
	height:2.37rem;
}
.vip_headImg{
    width: .8rem;
    height: .8rem;
    float: left;
    margin-top: .75rem;
    margin-left: .25rem;
    border-radius: 50%;
}
.off_vip_headImg{
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  border: 2px solid #e2aa00;
  opacity: 0;
}

.membership_con_middle{
	height:100%;
	width:94%;
	margin:0 auto;
	padding-top:.35rem;
	padding-bottom:.38rem;
}
.membership_con_middle p{
	font-size:.28rem;
	color:#333;
	line-height:.46rem;
}
.membership_con_bottom{
	width:100%;
	height:100%;
}
.div_list{
	height:.15rem;
	background:#eee;
}
.membership_con_bottom h2{
	color:#111;
	font-size:.34rem;
	height:1.05rem;
	line-height:1.05rem;
}
.membership_con_bottom img{
	width:.36rem;
	height:.38rem;
	margin-left:.20rem;
	margin-right:.13rem;
}


.achievement_type2 {
    width: 100%;
    height: auto;
    display: inline-block;
    display: flex;
    position: relative;
}
.achievement_type_left2 {
    width: 2.01rem;
    text-align: center;
    box-shadow: 2px 2px 15px rgba(204,204,204,0.5);
    position: absolute;
    left: 0;
    z-index: 999;
    background: #fcfcfc;
    color: #000;
    font-weight: 700;
}

.achievement_type_left2 h2 {
    color: #111;
    font-size: .28rem;
	font-weight:700;
    height: .94rem;
    line-height: .94rem;
	background:#FEFCF5;
	color:#9A6304;
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
}
.type_left_sign2 {
    height: 1.87rem;
    line-height: 1.87rem;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
	background:#FEFCF5;
	color:#9A6304;
}

.honor_wrap2 {
    overflow: auto;
    flex: 1;
    margin-left: 2.01rem;
	/* display: -webkit-box;
    overflow-x: auto;
	-webkit-overflow-scrolling:touch; */
	-webkit-overflow-scrolling: touch;
}
.achievement2 {
    text-align: center;
    width: 12.04rem;
}
.td_th2 {
    height: .95rem;
    line-height: .94rem;
    border-bottom: 1px solid #eee;
}
.td_th2 p{
	float:left;
	font-size: .28rem;
	font-weight:700;
	text-align:center;
	border-right:1px solid #eee;
    border-top: 1px solid #eee;
}
.td_th2 img{
	width:.62rem;
	height:.64rem;
}
.td_th3{
	height:1.87rem;
	line-height: 1.87rem;
    border-bottom: 1px solid #eee;
}
.td_th3 p{
	float:left;
	text-align:center;
	border-right:1px solid #eee;
}
.td_th2 p:last-child{
  border-right:0;
}
.td_th3 p:last-child{
  border-right:0;
}


/* 航海王 */
.king_navigation{
	width: 100%;
    height: 100%;
    background: #2282c3;
}
.king_navigation_bg{
	width: 100%;
    height: 100%;
    background: url(../images/king_navigation_bg.jpg) no-repeat;
    background-size: 100% 14.90rem;
    overflow: hidden;
    text-align: center;
}
.download_now_img{
	width: 3.27rem;
    height: 1.35rem;
    text-align: center;
    margin: 0 auto;
}
.download_now_img a{
	width:100%;
	height:100%;
	display:inline-block;
}
.download_now_img img{
	width:100%;
	height:100%;
    margin-top: 9.04rem;
	text-align:center;
}
.king_navigation_middle_con_d{
	margin-top:11.0rem;
}
.king_navigation_middle{
	width:100%;
	height:100%;
}
.king_navigation_middle_title{
	width:4.90rem;
	height:1.53rem;
	margin:0 auto;
	text-align:center;
}
.king_navigation_middle_title img{
	width:100%;
	height:100%;

}
.king_navigation_middle_con{
	width:98%;
	margin:0 auto;
	text-align:center;
}
.king_navigation_middle_con img{
	width: 100%;
	height:100%;
	margin-top:.59rem;
}

.king_navigation_activie_img{
	width:100%;
	margin-top:.50rem;
}
.king_navigation_activie_img img{
	width: 100%;
	height:3.55rem;
}
.king_navigation_screenshot{
	width: 96%;
	margin:0 auto;
	height:100%;
	margin-top:.66rem;
}

.king_navigation_comment{
	width:100%;
	height:100%;
    display: inline-block;
	margin-top:.69rem;
	text-align:center;
}

.king_navigation_comment_list{
	width:100%;
	display:inline-block;
	height:100%;
	margin:0 auto;
}
.king_navigation_comment_list_con{
	display: inline-block;
	height:100%;
}
.king_navigation_comment_con {
    height: auto;
    width: 94%;
    margin: 0 auto;
	display:inline-block;
	margin-top: .48rem;
	padding-bottom:.65rem;
	border-bottom:1px solid #3A87C9;
}
.king_navigation_comment_con_left {
    width: 10%;
    float: left;
}
.king_navigation_comment_con_left img {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
}
.king_navigation_comment_con_right {
    width: 86%;
    margin-left: 4%;
    float: left;
}
.king_navigation_comment_con_right h2 {
    text-align: left;
	float:left;
    color: #fff;
    font-size: .24rem;
    width: 83%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.king_navigation_comment_con_right p {
    text-align: left;
    width: 86%;
    float: left;
}
.king_navigation_comment_con_right span {
    color: #fff;
    font-size: .24rem;
    text-align: left;
    float: left;
    line-height: .4rem;
}
.king_navigation_comment_con_right_title{
	float:left;
}
.king_navigation_comment_con .star10{
	width:1.06rem;
	height:.18rem;
	margin-top:.14rem;
	margin-bottom:.28rem;
	float:left;
}
.king_navigation_comment_con .star11{
	width:.85rem;
	height:.18rem;
	margin-top:.14rem;
	margin-bottom:.28rem;
	float:left;
}
.king_navigation_comment_con .star12{
	width:.20rem;
	height:.18rem;
	margin-top:.14rem;
	margin-bottom:.28rem;
	float:left;
}
.king_navigation_fabulous{
	float:right;
    margin-top: .15rem;
}
.king_navigation_fabulous em{
	color:#fff;
	font-size:.24rem;
	margin-top:.1rem;
}
.king_navigation_fabulous img{
	width:.36rem;
	height:.36rem;
	margin-left:.16rem;
    margin-top: -.02rem;
}

.growth_value{
	height:1.37rem;
	width:100%;
	background:#fff;
	text-align:center;
}
.growth_value h2{
	font-size:.40rem;
	color:#F4340E;
	margin-top:.20rem;
	font-weight:700;
	margin-bottom:.21rem;
}
.growth_value span{
	color:#666;
	font-size:.28rem;
}
.growth_value_left{
	width:50%;
	float:left;
}
.growth_value_right{
	width:50%;
	float:right;
}


/* APP */

.mapp_tgWrap{
  width: 100%;
  margin: 0 auto;
}
.mapp_tgHead{
  width: 100%;
  background: #3945C2;
  position: fixed;
  top: 0;
  z-index: 99;
  max-width: 768px;
  margin: 0 auto;
  height: 1.34rem;
}
.mapp_Hleft{
  width: 70%;
  display: inline-block;
  padding-left: .2rem;
  margin-top: .18rem;
}
.mapp_Hleft img {
  width: 1rem;
  height: 1rem;
  float: left;
  vertical-align: top;
  margin-right: .18rem;
}
.mapp_title {
  width: 70%;
  display: inline-block;
}
.mapp_title h3{
  font-size: .28rem;
  color: #fff;
  margin-bottom: .1rem;
  padding-top: .02rem;
}
.mapp_title p{
  font-size: .2rem;
  color: #fff;
  margin-bottom: .1rem;
}
.mapp_star{
  width: 1.06rem;
  height: .18rem;
  background: url(../images/mapp_star.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  top: 1px;
}
.mapp_Hright{
  width:26%;
 float: right;
 text-align: right;

}
.mapp_Hright a{
  width: 1.56rem;
  height: .6rem;
  line-height: .6rem;
  display: inline-block;
  background: #30B8FF;
  color: #fff;
  text-align: center;
  border-radius: .1rem;
  margin-right: .2rem;
  margin-top: .4rem;
  font-size:.28rem;
}
.mapp_floor1{
  width: 100%;
  height: 12.6rem;
  background: url(../images/Shape1.jpg) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding-top: .2rem;
  margin-top: 1.34rem;
}
.mFloor1_top{
  width: 6.46rem;
  height: 2.77rem;
  background: url(../images/mapp_head.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  -webkit-animation:fadeInLeft 1s .2s ease both;
  -moz-animation:fadeInLeft 1s .2s ease both;
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.mFloor1_mid{
  width: 5.02rem;
  height: 6.52rem;
  background: url(../images/shape1copy2.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  margin-top: .2rem;
  -webkit-animation:fadeInRight 1s .2s ease both;
  -moz-animation:fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}
	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}
	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}
.waveWrapper {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height:100px;
	margin: auto;
}
.waveWrapperInner {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100%;
	bottom: -1px;
}
.bgTop {
	z-index: 15;
	opacity: 0.5;
}
.bgMiddle {
	z-index: 10;
	opacity: 0.75;
}
.bgBottom {
	z-index: 5;
}
.wave {
	position: absolute;
	left: 0;
	width: 400%;
	height: 100%;
	background-repeat: repeat no-repeat;
	background-position: 0 bottom;
	transform-origin: center bottom;
}
.waveTop {
	background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
	background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
	animation: move_wave 10s linear infinite;
}
.waveBottom {
	background-size: 50% 100px;
}
.waveAnimation .waveBottom {
	animation: move_wave 15s linear infinite;
}
.mapp_floor2_con{
	width:100%;
	height:auto;
	background:#fff;
	position: relative;
}
.mapp_floor2_con_top img{
	width:4.07rem;
	height:.96rem;
	text-align:center;
	margin-top: .72rem;
}
.mapp_floor2_conent{
	width:100%;
	height: 100%;
    display: inline-block;
}
.mapp_floor2_conent_liet{
	width:50%;
	height:2.80rem;
	float:left;
	text-align:center;
	margin-top:.77rem;
}
.floor2_img1{
	width:2.20rem;
}
.floor2_img2{
	width:2.20rem;
}
.floor2_img3{
	width:2.20rem;
	height: 1.8rem;
}
.floor2_img4{
	width:2.20rem;
}
.mapp_floor2_conent_liet h2{
	color:#111;
	font-weight:700;
	font-size:.28rem;
	margin-top:.50rem;
}
.mapp_floor2_conent_liet p{
	color:#666;
	font-size:.24rem;
	margin-top:.14rem;
}
.mapp_floor3_con{
	width:100%;
	background:#EEEEEE;
}
.mapp_floor3_con_list{
	width:100%;
}
.mapp_floor3_con_list img{
	width:100%;
	margin-top:.40rem;
}
.first_charge{
	position: fixed;
	z-index: 9999;
	bottom: 140px;
	right:0px;
	-webkit-animation:zoomInDown 1s .2s ease both;
	-moz-animation:zoomInDown 1s .2s ease both;
}
@-webkit-keyframes zoomInDown{
  from {
	  opacity:0;
	  -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	  transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	  -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	  animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60%{
	  opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	  animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomInDown{
  from{
	opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60%{
	  opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	  animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.first_charge a{
	display:inline-block;
}
.first_charge img{
	width:1.78rem;
	height:1.72rem;
}



/* 新网游 */
.online_game{
	background: linear-gradient(#6760e2, #3D37C0, #4670D6);
	height:auto;
}
.online_game_con{
	width:100%;
	height:100%;
	margin-top: 1.16rem;
    padding-top: .2rem;
}
.online_game_con_top{
	width:100%;
	position: fixed;
    top: 0;
    z-index: 99999;
    right: 0;
    left: 0;
	max-width: 768px;
    margin: 0 auto;
	background: url(../images/online_game.jpg) no-repeat;
  	height:1.17rem;
	background-size: 100% 1.17rem;
	box-shadow: 0 0 13px #544cc8;
}
.online_game_con_top_con{
	height: .75rem;
    background: #dbdef5;
    border-radius: 0 20px 20px 0px;
    margin-top: .20rem;
}
.online_game_left{
	float: left;
    width: 1.51rem;
    margin-top: 9px;
    margin-left: .22rem;
}
.online_game_right{
    height: .28rem;
    width: 4.06rem;
    margin-top: 12px;
    padding-left: .2rem;
}
.online_game_con_top_img{
	width:100%;
	height:1.40rem;
}
.gift_voucher{
	text-align:center;
	margin:0 auto;
	width:94%;
    position: relative;

}
.gift_voucher .voucher_img2{
    position: absolute;
    width: 1.19rem;
    height: 1.37rem;
    right: -8px;
    top: .9rem;
    z-index: 9999;
}
.gift_voucher .voucher_img3{
	position: absolute;
    width: 1.21rem;
    height: 1.47rem;
    left: -11px;
    top: 20px;
}
.gift_voucher img{
	width: 4.49rem;
	height:1.47rem;
}
.online_game_con_middcon{
	background: #774AE5;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    height: auto;
    margin-top: -10px;
    position: relative;
	padding-bottom: 15px;
}
.online_game_con_middcon_top{
	height: .25rem;
    background: #5330D4;
    width: 94%;
	margin:0 auto;
    border-radius: 15px;
    top: .16rem;
    position: relative;
}
.countries_con{
	background: #FDEEF1;
    height: 100%;
    width: 90%;
    margin: 0 auto;
	position: relative;
}
.countries_con_top{
	width: 90%;
    text-align: center;
    margin: 0 auto;
	border-bottom:1px solid #E7D7D2;
	padding-bottom:.40rem;
}
.countries_con_top img{
	width:1.26rem;
	height:1.26rem;
	margin-top:.40rem;
	margin-bottom:.30rem;
}
.countries_con_top h2{
	font-size:.36rem;
	font-weight:700;
	color:#4137C4;
	margin-bottom:.21rem;
}
.countries_con_top_type {
    width: 100%;
    margin-bottom: 14px;
}
.countries_con_top_type em {
    padding: 3px 8px;
    border: 1px solid #eee;
    border-radius: 20px;
    color: #FF5500;
	background:#F8D52C;
    font-size: .20rem;
}
.countries_con_top p{
	font-size:.24rem;
	color:#0D0857;
}
.countries_con_top_img{
	width: 94%;
    margin: 0 auto;
    padding-top: .41rem;
	padding-bottom: .22rem;
}
.countries_con_top_size {
    width: 94%;
    margin: 0 auto;
}
.countries_con_top_size .game_text p {
    color: #0D0857;
    line-height: .4rem;
    text-align: left;
    font-size: .24rem;
}
.countries_more i {
    width: .26rem;
    height: .28rem;
    display: inline-block;
    background: url(../images/gengduo.png) no-repeat 0 0;
    background-size: .26rem;
    margin-right: 3px;
    position: relative;
    top: 3px;
}
.countries_con_top_img img{
	width:100%;
	height:100%;
	margin-top:.15rem;
}
.game_detail a{
	width:100%;
	display:inline-block;
}

.online_game_middle{
	width:100%;
	height:100%;

}
.online_game_bottom{
	background: #FDEEF1;
    height: 100%;
    width: 90%;
    margin: 0 auto;
	margin-top:.16rem;
	overflow:hidden;
	border-radius: 0 0 15px 15px;
	padding-bottom: 45px;
}
.online_game_bottom_con{
	margin-top:1.12rem;
}
.butt_img1{
	width: 4.90rem;
    height: 3.74rem;
}
.butt_img2{
	width: 4.52rem;
    height: 2.83rem;
}
.online_game_bottom_con h2{
	font-size:.48rem;
	font-weight:700;
	color:#4137C4;
	margin-top:.23rem;
	margin-bottom:.30rem;
}
.online_game_bottom_con p{
	margin-bottom:.15rem;
	font-size:.28rem;
	color:#0D0857;
}
.online_game_bottom_button{
	width:100%;
	margin-top:.32rem;
	margin-bottom:.45rem;
}
.online_game_bottom_button a{
    position: fixed;
    bottom: 28px;
    z-index: 999;
    right: 0;
    left: 0;
}
.online_game_bottom_button a img{
	width:5.07rem;
	height:.81rem;
	text-align:center;
}
.online_game_bottom_button p{
	font-size:.24rem;
	color:#B0A5B8;
	margin-top:.34rem;
}

.coupon{
	width:94%;
	margin:0 auto;
}
.coupon_con{
	width: 100%;
    position: relative;
    text-align: center;
    max-width: 768px;
    margin: 0 auto;
}
.couponimg2{
	float: right;
	width:.50rem;
	height:.50rem;
}
.couponimg1{
	width: 100%;
    display: block;
    margin: 0 auto;
}
.couponimg3{
	width:3.37rem;
	height:.81rem;
	margin-top:.71rem;
}

.new_active{
	background: rgba(255,255,255,0.4);
	width:100%;
	height:100%;
}
.new_active_con{
	width:94%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.new_active_con_list{
	width:100%;
	height:80px;
	border-radius:6px;
	background:#fff;
	overflow:hidden;
	margin-top:10px;
	border:1px solid #eee;
}
.new_active_con_list a{
	display: inline-block;
    width: 100%;
	height:100%;
}
.new_active_con_list_top{
	margin-top:15px;
	display: flex;
}
.new_active_con_list span{
	padding:2px 2px 3px 3px;
	border:1px solid #F4340E;
	color:#F4340E;
	font-size:12px;
	border-radius:4px;
	margin-left:12px;
	margin-right:6px;
}
.new_active_con_list h2{
	font-size:16px;
	color:#111;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.new_active_con_list_bot{
	margin-top:10px;
}
.new_active_con_list_bot p{
	margin-left: 12px;
	font-size:14px;
	color:#666;
}

.new_customer_service{
	width:94%;
	margin:0 auto;
	text-align:center;
}

.new_customer_service_list{
	padding:20px 10px 20px 10px;
	border-radius:6px;
	display: inline-block;
    width: 100%;
	margin-top: 11px;
	border: 1px solid #eee;
	box-shadow: 5px 6px 6px #f1f1f1;
}
.new_customer_service_list img{
	float:left;
	width:31px;
	height:31px;
	
	margin-top:4px;
}
.new_customer_service_list_r{
	float:left;
	border-left:1px solid #eee;
	margin-left:10px;
}
.new_customer_service_list_r h2{
	color:#1C1B1B;
	font-size:14px;
	text-align:left;
	margin-left:11px;
}
.new_customer_service_list_r p{
	color:#999;
	font-size:12px;
	text-align:left;
	margin-left:11px;
	margin-top:6px;
}
.customer_service_button{
	padding:5px;
	background:#30b8ff;
	display: inline-block;
	border-radius:4px;
	color:#fff;
	float:right;
	margin-top: 5px;
	font-size:14px;
}
.customer_service_button:hover{
	color:#fff;
}
.help_conten{
	width:100%;
	border-radius:6px;
	display: inline-block;
	margin-top:14px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	box-shadow: 5px 6px 6px #f1f1f1;
}
.help_conten_list{
	padding: 16px 0 16px 0;
	border-bottom:1px solid #eee;
}
.help_conten_list:last-child {
    border-bottom: 0;
}
.help_conten_list img{
	width:18px;
	height:18px;
	float:left;
	margin-left:15px;
	margin-right:6px;
	margin-top:1px;
}
.help_conten_list h2{
	float:left;
	text-align:left;
	color:#1C1B1B;
	font-size:16px;
	width:100%;
}
.help_conten_list_con{
	margin-top:2px;
	display: inline-block;
	width: 92%;
    text-align: left;
    margin: 0 auto;
}
.help_conten_list_con a{
	width:48%;
	float:left;
	margin-top:15px;
	font-size:12px;
	color:#666;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    margin-left: .18rem;

}



/* 点评规则 */
.criticism_rules{
	width:100%;
	height:100%;
	background:#30B8FF;
}
.criticism_rules_con{
	width:100%;
	height:auto;
}
.criticism_left_arr{
	position: absolute;
    top: 0;
}
.criticism_left_arr a{
	height:100%;
	width:100%;
	display:inline-block;
}
.criticism_rules_req .criticism_left_arr img{
	width:10px;
	height:18px;
	float:left;
	margin-left:9px;
	padding-top: 18px;
}
.criticism_rules_req{
	width:100%;
	height:100%;
	position: relative;
}
.criticism_rules_req img{
	width:100%;
	height:auto;
}
.criticism_rules_reward{
	width:100%;
	height:100%;
	position: relative;
}
.criticism_rules_reward img{
	width:100%;
	height:auto;
}
.criticism_rules_reward p{
	position: absolute;
    bottom: 13%;
    width: 78%;
    margin: 0 auto;
    right: 0;
    left: 0;
	font-size:.24rem;
	color:#999;
}
.criticism_rules_middle{
	position: relative;
    height: 20px;
	background:#30b8ff;
}
.criticism_rules_middle img{
	width:12px;
	height:55px;
}
.criticism_rules_middle_l{
    position: absolute;
    z-index: 99;
    top: -14px;
    left: 55px;
}
.criticism_rules_middle_r{
    position: absolute;
    z-index: 99;
    top: -14px;
    right: 55px;
}


/* 限时任务 */
.time_limited_tasks{
	width: 100%;
	height:auto;
    margin: 0 auto;
	background:#fff;
}
.time_limited_tasks_top{
	width: 100%;
    height: .9rem;
    line-height: .9rem;
    border-bottom: 1px solid #eee;
    top: 0;
    position: fixed;
    bottom: 30px;
    z-index: 99999;
    background: #fff;
	max-width: 768px;
}
.time_limited_tasks_top span {
    width: 33.3%;
    float: left;
    text-align: center;
}
.time_limited_tasks_top i{
	padding: 0 .1rem .23rem;
    font-size: .32rem;
    color: #333;
	position: relative;
}
.time_limited_tasks_top span.active i {
    color: #111;
	font-size:.36rem;
	position: relative;
}
.time_limited_tasks_top .active em{
	border-bottom: .06rem solid #495AFF;
    position: absolute;
    bottom: 0px;
    width: .36rem;
    height: 2px;
    display: inline-block;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
}
.time_limited_tasks_con{
	box-shadow: 0 0 20px #dcdcdc;
	height:2.32rem;
	width:92%;
	margin: 0 auto;
	border-radius: 12px;
    margin-top: .3rem;
}
.time_limited_tasks_con_li{
	width: 100%;
    display: inline-block;
}
.time_limited_tasks_con_li p{
	height:.42rem;
	line-height:.46rem;
	padding-right: .3rem;
	float:left;
	border-radius: 0px 100px 100px 0px;
	background: -webkit-linear-gradient(left,#0AA5FE, #495AFF);
	font-size:.24rem;
	color:#fff;
	padding-left: .08rem;
}
.time_limited_tasks_con_li span{
	float:right;
	font-size:.24rem;
	color:#999;
	margin-right:.24rem;
	margin-top:.14rem;
}
.time_limited_tasks_con_li i{
	color:#f4340e;
}



.mobile_role_trading{
	width:100%;
	height:auto;
	background:#fff;
	text-align: center;
}
.mobile_role_trading_con{
	width:100%;
	height:auto;
	display:inline-block;
}
.mobile_role_trading_con_left{
	float:left;
}
.mobile_role_trading_con_left img{
  width: 40px;
  height: 40px;
  float: left;
  margin-left: 14px;
  margin-top: 10px;
}
.mobile_role_trading_con_r{
	float:left;
	width: 80%;
  margin-left: 10px;
  margin-top: .14rem;
  text-align: left;
}
.mobile_role_trading_con_r h2{
  font-size:.28rem;
  color:#333;
  margin-top:2px;
  margin-bottom: .06rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.mobile_role_trading_con_r p{
	font-size:14px;
	color:#999;
	margin-bottom:5px;
	float: left;
    display: inline-block;
    width: 100%;
	text-align:left;
}
.mobile_role_trading_con_r i{
	color:#f4340e;
	margin-right:5px;
}
.mobile_role_trading_con_r em{
	padding: 0px 6px 2px 6px;
    background: #30B8FF;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
}
.mobile_role_trading_con_r span{
	color:#999;
	font-size:14px;
	line-height:28px;
}
.mobile_role_trading_size{
	width:94%;
	margin:0 auto;
    display: inline-block;
    text-align: left;
}
.mobile_role_trading_size span{
	color:#999;
	font-size:14px;
	line-height:23px;
}
.mobile_screenshot{
	width:96%;
	margin:0 auto;
	display:inline-block;
}
.mobile_screenshot h2{
	font-size:16px;
	color:#333;
	float:left;
	width:100%;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}
.mobile_screenshot_img{
	margin-top: 12px;
}
.mobile_screenshot_img img{
    width: 100%;
    height:188px;
    margin-bottom: 10px;
}
.mobile_screenshot_button{
	width:94%;
	height:auto;
	margin:0 auto;
	display:inline-block;
	text-align:center;
}
.mobile_screenshot_button a{
	width:130px;
	height:40px;
	line-height:40px;
	border:1px solid #eee;
	color:#333;
	font-size:16px;
	border-radius:4px;
	display:inline-block;
	text-align:center;
	margin:15px;
}
.mobile_screenshot_button .open{
	border:1px solid #30b8ff;
	background:#30b8ff;
	color:#fff;
}
.mobile_role_trading_con_r .anzuo{
	background:#06C738;
}



.download_popup {
    height: auto;
    background: #fff;
}
.download_popup_top {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: url(../images/game_app_top.png) no-repeat 0 0;
    background-size: 100% 52px;
}
.download_popup_top h2 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 52px;
}
.download_popup_con {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    margin-top: 15px;
}
.download_popup_con img {
    width: 69px;
    height: 69px;
    text-align: center;
}
.download_popup_con h2 {
    color: #111;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 700;
}
.download_popup_con p {
    text-align: left;
    color: #999;
    line-height: 25px;
}
.popup_button {
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
    padding-bottom: 20px;
}
.popup_button_left {
    width: 46%;
    float: left;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    background: #30B8FF;
    color: #fff;
}
.popup_button_right {
    width: 46%;
    float: right;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    border: 1px solid #999;
}


.screenshot_reminder_con {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.screenshot_reminder_con h2 {
    color: #111;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 31px;
    margin-top: 31px;
}
.screenshot_reminder_con p {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-bottom: 31px;
}
.screenshot_reminder_con p {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-bottom: 31px;
}
.screenshot_reminder_con a {
    width: 130px;
    height: 44px;
    line-height: 44px;
    background: #30B8FF;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    border-radius: 4px;
}


/* 招募 */
.recruit{
	width:100%;
	height:100%;
	background:#1c1c1c;
	padding-bottom: .46rem;
}
.recruit_bg {
    width: 100%;
    height: 100%;
    background: url(../images/recruit_bgimg.jpg) no-repeat;
    background-size: 100% 13.76rem;
    overflow: hidden;
    text-align: center;
    padding-bottom: 2.5rem;
}
.recruit_bg_button{
	width:100%;
	height:auto;
	margin-top:7.96rem;
	-webkit-animation:zoomInDown 1s .2s ease both;
	-moz-animation:zoomInDown 1s .2s ease both;
}
@-webkit-keyframes zoomInDown{
  from {
	  opacity:0;
	  -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	  transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	  -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	  animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60%{
	  opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	  animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomInDown{
  from{
	opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60%{
	  opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	  animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.recruit_bg_button a{
	display:inline-block;
}
.recruit_bg_button img{
	width:4.68rem;
	height:1.16rem;
}
.recruit_bg_list{
	margin-top: 2.62rem;
}
.recruit_bg_list_con{
	width:100%;
	height:auto;
	display: inline-block;
	margin-bottom:.50rem;
}
.recruit_bg_list_con_list{
	width:25%;
	float:left;
	text-align:center;
	display:inline-block;
}
.recruit_bg_list_con_list span{
	text-align: center;
    display: inline-block;
    width: 1.49rem;
    height: .72rem;
}
.re_img1{
	width: 100%;
    height: 100%;
    background: url(../images/recruit_img1.png) no-repeat;
    background-size: 100% .72rem;
}
.re_img1.select_img{
	background: url(../images/recruit_img2.png) no-repeat;
    background-size: 100% .72rem;
}
.re_img3{
	width: 100%;
    height: 100%;
    background: url(../images/recruit_img3.png) no-repeat;
    background-size: 100% .72rem;
}
.re_img3.select_img{
	background: url(../images/recruit_img4.png) no-repeat;
    background-size: 100% .72rem;
}
.re_img5{
	width: 100%;
    height: 100%;
    background: url(../images/recruit_img5.png) no-repeat;
    background-size: 100% .72rem;
}
.re_img5.select_img{
	background: url(../images/recruit_img6.png) no-repeat;
    background-size: 100% .72rem;
}
.re_img7{
	width: 100%;
    height: 100%;
    background: url(../images/recruit_img7.png) no-repeat;
    background-size: 100% .72rem;
}
.re_img7.select_img{
	background: url(../images/recruit_img8.png) no-repeat;
    background-size: 100% .72rem;
}

.resource_content{
	width:94%;
    height: 3.40rem;
    background: url(../images/resource_content_img.png) no-repeat;
    background-size: 100% 3.40rem;
    text-align: center;
    margin: 0 auto;
	position: relative;
}
.resource_content h2{
	width: 2.18rem;
    height: .51rem;
    background: url(../images/resource_size_img.png) no-repeat;
    background-size: 2.18rem .51rem;
    position: absolute;
    top: .48rem;
    left: 13%;
}
.resource_content h2 i{
	float: left;
    margin-left: .21rem;
    margin-top: .05rem;
	font-size:.26rem;
	color:#fff;
}
.resource_content_size{
	width: 100%;
    padding: .48rem 0 .18rem 0;
    display: inline-block;
    height: .51rem;
}
.resource_content p{
	float:left;
	margin-left:16%;
	font-size:.24rem;
	color:#542A00;
	margin-bottom:.2rem;
	text-align:left;
	width:100%;
}

.recruit_bg_about{
	width:94%;
	height:100%;
	background: url(../images/recruit_about_bg.png) no-repeat;
	background-size: 100% 100%;
	margin:0 auto;
	margin-top:1.0rem;
	position: relative;
}
.recruit_bg_about .recruit_bg_about_title{
    width: 2.21rem;
    height: .72rem;
    margin:0 auto;
    background: url(../images/recruit_about_img.png) no-repeat;
    background-size: 100% .72rem;
    display: inline-block;
    margin-top: -.36rem;
}
.recruit_bg_about p{
	margin:.4rem .4rem;
    font-size: .24rem;
    color: #FFE3C7;
    text-align: left;
	line-height:.38rem;
}
.recruit_bg_contact{
	width:100%;
	margin:0 auto;
	margin-top:.5rem;
	position: relative;
}
.recruit_bg_contact .recruit_bg_contact_title{
	width: 2.21rem;
    height: .72rem;
    margin:0 auto;
    background: url(../images/recruit_contact_img.png) no-repeat;
    background-size: 100% .72rem;
    display: inline-block;
    margin-bottom: .2rem;
}
.recruit_bg_contact_item{
	width:100%;
	height: .6rem;
	margin:0 auto;
	margin-top:.22rem;
	position: relative;
}
.recruit_bg_contact_item .recruit_bg_contact_item_left{
	float: left;
	text-align: right;
	font-size: .24rem;
    color: #FFE3C7;
    width:26% ;
    height: .6rem;
    line-height: .6rem;

}
.recruit_bg_contact_item .recruit_bg_contact_item_right{
	float: left;
    width:70%;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right input{
	background: #AA9B8B;
	border-radius: .06rem;
	height: .6rem;
	width: 80%;
    float: left;
    margin-left: 5%;
    text-indent: .18rem;
    font-size: .24rem;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right input::-webkit-input-placeholder{
	color: #46280B;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right input::-moz-placeholder{
	color: #46280B;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right input::-ms-input-placeholder{
	color: #46280B;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right textarea{
	background: #AA9B8B;
	border-radius: .04rem;
	height: 1.72rem;
	width: 80%;
    float: left;
    margin-left: 5%;
    text-indent: .18rem;
    font-size: .24rem;
    padding-top: .15rem;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right textarea::-webkit-input-placeholder{
	color: #46280B;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right textarea::-moz-placeholder{
	color: #46280B;
}
.recruit_bg_contact_item .recruit_bg_contact_item_right textarea::-ms-input-placeholder{
	color: #46280B;
}
.recruit_bg_contact_btn{
	margin-top:.4rem;
	width:70%;
	margin-left: 5%;
	height:.81rem;
	background: #DF0023;
	color: #FFFFFF;
	text-align: center;
	display: block;
	line-height:.81rem ;
	border-radius: .06rem;
}
.recruit_bg_activie_img{
	width:100%;
}
.recruit_bg_activie_img img{
	width: 100%;
	height:5.58rem;
}


.recruit_bg_join{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#E2C3A2;
	height:5.86rem;
	border-radius:6px;
	overflow:hidden;
}
.recruit_bg_join h2{
	color:#572D04;
	font-size:.36rem;
	text-align:center;
	margin-top:.45rem;
	font-weight:700;
	margin-bottom:.35rem;
}
.recruit_bg_join p{
	text-align:left;
	margin-left:.50rem;
	margin-bottom:.34rem;
	font-size:.30rem;
	color:#111;
}
.recruit_bg_join_but{

}
.recruit_bg_join_but a{
	width:2.46rem;
	height:.82rem;
	background:#A1774E;
	font-size:.32rem;
	color:#fff;
	text-align:center;
	line-height:.82rem;
	display:inline-block;
	margin:0 .15rem;
	border-radius:.06rem;
}
.recruit_bg_join_but a:hover{
	color:#fff;
}
.recruit_bg_join .consultation{
	background:#DD4242;
}

.recruit_bg_activie_img .exhibition{
    width: 2.21rem;
    height: .72rem;
    margin:0 auto;
    background: url(../images/exhibition.png) no-repeat;
    background-size: 100% .72rem;
    display: inline-block;
    margin-top: .56rem;
	margin-bottom:.43rem;
}
.swiper_body{
    position: relative;
    top: 2.4rem;
    width: 94%;
    margin: 0 auto;
  }
   .swiper_body  .swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
   .swiper_body  .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .swiper_body .gallery-top {
      height: 3.4rem;
      width: 100%;
    }
    .swiper_body .gallery-thumbs {
      height: 1.4rem;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .swiper_body .gallery-thumbs .swiper-slide {
      width: 1.49rem;
      height: .72rem;
      background-repeat: no-repeat;
      background-position: 0 0;
    }
    .swiper_body .gallery-thumbs .swiper-slide-thumb-active {
       background-position: 0 -.72rem;
    }

/* 国庆长假特惠 */
.preferential{
	width:100%;
	height:auto;
	background:#AB0101;
}
.preferential_whole{
	width: 100%;
    height:10.9rem;
    margin:0 auto;
    background: url(../images/preferential_bgimg.jpg) no-repeat;
    background-size: 100% 10.9rem;
}
.platform_activities{
	width:100%;
	height:auto;
	background:#AB0101;
	text-align:Center;
}
.platform_title{
	width:3.75rem;
	height:.63rem;
	background:#E74D27;
	color:#fff;
	font-size:.32rem;
	margin:0 auto;
	margin-top:.28rem;
	margin-bottom:.30rem;
	text-align:center;
	line-height:.63rem;
	border-radius:.63rem .63rem 0 0;
}

.platform_title_two{
	width:3.75rem;
	height:.63rem;
	background:#E74D27;
	color:#fff;
	font-size:.32rem;
	margin:0 auto;
	margin-top:.53rem;
	margin-bottom:.30rem;
	text-align:center;
	line-height:.63rem;
	border-radius:.63rem .63rem 0 0;
}
.platform_title_size{
	color:#fff;
	font-size:.24rem;
}
 .platform_activities_con{
	background:#FFE5C3;
	width:94%;
	height:auto;
	margin:0 auto;
	margin-top:.35rem;
	border-radius:.1rem;
    overflow: hidden;
	padding-bottom:.41rem;
}

.vip_activity p{
	width:1.55rem;
	height:.58rem;
	color:#fff;
	line-height:.58rem;
	text-align:center;
	background:#089BEF;
	margin-top:.43rem;
	border-radius:0 .5rem .5rem 0;
}
.platform_activities_list{
	width:94%;
	height:auto;
	margin:0 auto;
	display: inline-block;
}
.platform_activities_list_l{
	width:50%;
	float:left;
	margin-top:.33rem;
}
.platform_activities_list_l a{
	display:inline-block;
	width:100%;
	height:100%;
}
.platform_activities_list_l img{
	width:1.58rem;
	height:1.58rem;
	margin-bottom:.19rem;
	border-radius:.2rem;
}
.platform_activities_list_l h2{
	color:#111;
	font-size:.3rem;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.exclusive_package p{
	width:1.55rem;
	height:.58rem;
	color:#fff;
	line-height:.58rem;
	text-align:center;
	background:#089BEF;
	margin-top:.43rem;
	border-radius:0 .5rem .5rem 0;
}
.exclusive_package_con{
	width:94%;
	height:auto;
	margin:0 auto;
	display: inline-block;
}
.exclusive_package_con_l{
	width:33.3%;
	float:left;
	margin-top:.33rem;
}
.exclusive_package_con_l a{
	display:inline-block;
	width:100%;
	height:100%;
    width: 1.35rem;
    position: relative;
}
.exclusive_package_con_l img{
	width:1.35rem;
	height:1.35rem;
	border-radius:.2rem;
}
.exclusive_package_con_l h2{
	font-size:.24rem;
	color:#111;
	margin-top:.21rem;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.exclusive_package .coupon{
	width:.4rem;
	height:.4rem;
	line-height:.4rem;
	background:#5218D5;
	border-radius:.1rem;
	font-size:.24rem;
	color:#fff;
	position: absolute;
    top: -.12rem;
    right: -.1rem;
}
.exclusive_package .gift_package{
	width: .4rem;
    height: .4rem;
    position: absolute;
    top: -.12rem;
    right: -.1rem;
}
.commentary{
	width:94%;
	height:auto;
	margin:0 auto;
	margin-top:.45rem;
	padding-bottom:.68rem;
	text-align:center;
}
.commentary img{
	width:100%;
	height:1.14rem;
	text-align:center;
}


/* 超级签 */
.super_signature{
	width:100%;
	background: #2f0789;
	position: relative;
	height: 17.42rem;
}

.super_signature_top{
	width: 100%;
    height: .88rem;
    z-index: 99999;
    background: #fff;
	max-width: 768px;
	position: fixed;
}
.super_signature_top span {
    width: 50%;
	height: .68rem;
    float: left;
	z-index: 99999;
	margin-top: 0.2rem;
    text-align: center;
	display: inline-block;
}
.super_signature_top a {
    width: 50%;
	height: .68rem;
    float: left;
	z-index: 99999;
	margin-top: 0.2rem;
    text-align: center;
	display: inline-block;
}
.super_signature_top i{
    font-size: .32rem;
	padding: 0 .1rem .16rem;
    color: #333;
	position: relative;
    display: inline-block;
    width: 100%;
}
.super_signature_top span.active i {
    color: #111;
	font-size: .32rem;
	font-weight:700;
	position: relative;
}
.super_signature_top .active em{
	position: absolute;
    bottom: 0px;
    width: .36rem;
    height: 3px;
    background: #000;
    display: inline-block;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
	border-radius: 10px;
}

.super_signature_tabContent{
	width:100%;
	height: 17.42rem;
	background: url(../images/super_signature_img.png) no-repeat;
	background-size: 100% 100%;
	overflow:hidden;
	max-width:768px;
	top:.88rem;
	box-sizing:content-box;
	bottom:0;
	max-width:768px;
	position:absolute;
}
.super_edition{
	width:100%;
	height:auto;
}
.super_edition_picture_part{
	width:74%;
	height:1.83rem;
	background: url(../images/game_appios.png) no-repeat;
	background-size: 100% 1.83rem;
	margin:0 auto;
	margin-top:.41rem;
	text-align:center;
}
.super_edition_picture_part img{
	width:.55rem;
	height:.4rem;
	float:left;
	margin-top: .7rem;
    margin-left: 6%;
}
.super_edition_picture_part h2{
	line-height:1.83rem;
	text-align:left;
	float:left;
	margin-left:3%;
	font-size:.38rem;
	color:#fff;
}
.super_signature_size{
	width:100%;
	height:1.66rem;
	text-align:center;
	margin-top: .2rem;
}
.super_signature_size img{
	height:1.66rem;
}
.immediate_installation{
	width:100%;
	height:auto;
	text-align: center;
	margin-top: .2rem;
}
.zoomOut{
 -webkit-animation:zoomOut 1s .2s ease both;
  -moz-animation:zoomOut 1s .2s ease both;
}
@-webkit-keyframes zoomOut{
  from{opacity:1;}
  50%{
	opacity:0;
	-webkit-transform:scale3d(0.3, 0.3, 0.3);
	transform:scale3d(0.3, 0.3, 0.3);
	}
  to{opacity:0;}
}
@keyframes zoomOut{
  from{opacity:1;}
  50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);
	transform:scale3d(0.3, 0.3, 0.3);
  }
  to{opacity:0;}
  }
.immediate_installation .renew{
    color: #00e1e6;
	font-weight: 700;
	text-decoration:underline;
}
.immediate_installation p{
	color: #FFFFFF;
    margin-top: .2rem;
}
.immediate_installation .install{
	width: 40%;
    margin: 0 5%;
    height: .88rem;
	line-height: .88rem;
    font-size: .32rem;
    background: #ffffff;
    color: #2f0789;
    font-weight: 700;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
}
.immediate_installation img{
	height:.88rem;
}
.installation_tips{
	width:100%;
	height:auto;
	padding-bottom:25px;
}
.install_tips{
	width:100%;
	height:.34rem;
	text-align:center;
	margin-top:.42rem;
}
.install_tips img{
	height:.34rem;
}
.install_tips_content{
	width:76%;
	height:auto;
	margin:0 auto;
	border-radius:.2rem;
	margin-top:.46rem;
	padding:.38rem .30rem .50rem .3rem;
	background:#422BA1;
}
.install_tips_content p{
	font-size:.24rem;
	color:#fff;
	line-height:.4rem;
}


/* 超级签-付费成功 */
.prepayment{
	width:100%;
	height:auto;
	text-align:center;
	margin-top:.8rem;
}
.prepayment h1{
    font-size: .8rem;
    font-family: SourceHanSansCN;
    font-weight: 700;
    color: rgba(255,255,255,1);
    line-height: .8rem;
    text-shadow: 0px 3px 0px rgba(0,180,184,1);
}
.prepayment h2{
	font-size: .46rem;
    font-family: SourceHanSansCN;
    font-weight: 700;
    color: rgba(255,255,255,1);
    line-height: .8rem;
	margin-top:.26rem;
    text-shadow: 0px 2px 0px rgba(0,180,184,1);
}
.prepayment span{
	font-family: arial;
}
.equipment{
	width: 74%;
    height: 4.26rem;
    background: url(../images/equipment.png) no-repeat;
    background-size: 100% 4.26rem;
    margin: 0 auto;
    text-align: center;
	overflow:hidden;
}
.equipment h2{
	margin-top:.87rem;
	color:#fff;
	font-size:.28rem;
	text-align:center;
}
.equipment p{
	width:82%;
	margin:0 auto;
	text-align:center;
	font-size:.2rem;
	color:#fff;
	margin-top:.27rem;
	display:inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.equipment em{
	float:left;
}
.equipment h3{
	float: left;
	margin-left: 0.3rem;
	color: #00e1e6;
	font-size: 12px;
}
.equipment span{
	width:100%;
	float: left;
	color:#00e1e6;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.equipment a{
	width:2.18rem;
	height:.62rem;
	line-height:.62rem;
	font-size:.28rem;
	color:#fff;
	background:#E6B300;
	border-radius:.31rem;
	display:inline-block;
}
.equipment a:hover{
	color:#fff;
}
.super_signature_share {
    display: none; /* 默认隐藏 */
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    animation-name: fadeIn;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.4s;
    animation-duration: 0.4s
}

/* 添加动画 */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

.super_signature_share_wholie{
	width:100%;
	height:100%;
}
.super_signature_share_share {
    height: 3.41rem;
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 99999999;
    border-top: 1px solid #eee;
	/* max-width: 768px; */
    margin: 0 auto;
    right: 0;
    left: 0;
	border-radius: .4rem .4rem 0 0;

}
.super_signature_share_share_top{
	height:3.41rem;
	overflow:hidden;
}
.super_signature_share_share_top h2{
	text-align:center;
	margin-top:.50rem;
	margin-bottom:.66rem;
	color:#111;
	font-size:.32rem;
}
.super_signature_cancel{
	position: absolute;
    top: .56rem;
    right: .39rem;
	color:#999;
	font-size:.28rem;
}
.super_signature_share_share_top_con{
	height:1.85rem;
	width:60%;
	margin:0 auto;
}
.super_signature_share_share_top_con a{
	display:inline-block;
	width:50%;
	float:left;
	text-align:center;
}
.super_signature_share_share_top_con p{
	color:#999;
	font-size:.26rem;
}
.super_signature_share_share_top_con img{
	width:.87rem;
	height:.88rem;
	margin-bottom:.2rem;
	text-align:center;
}

.inquiry_frame{
	display: none;
	height:2.28rem;
	width:100%;
	margin:0 auto;
	background:#fff;
	border-radius:.26rem;
	overflow:hidden;
}
.inquiry_frame_con{
	width:100%;
	height:100%;
}
.inquiry_frame_con p{
	text-align:center;
	margin-top:.62rem;
	color:#111;
	font-size:.3rem;
}
.inquiry_frame_but{
	width:100%;
	margin-top:.65rem;
}
.inquiry_frame_but a{
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
	color:#999;
	font-size:.32rem;
}
.inquiry_frame_but .highlight{
	color:#30B8FF;
}

.super_download{
	display: none;
	height:auto;
	width:100%;
	margin:0 auto;
	background:#fff;
	border-radius:.26rem;
	overflow:hidden;
	padding-bottom: .3rem;
}
.super_download_con{
	width:100%;
	height:100%;
}
.super_download_con p{
	text-align: center;
    margin: 0 auto;
    margin-top: .62rem;
    color: #111;
    font-size: .3rem;
    width: 88%;
	line-height:.46rem;
}
.super_download_but{
	width:100%;
	height:auto;
	margin-top:.45rem;
	display:inline-block;
}
.super_download_but a{
	width:100%;
	float:left;
	display:inline-block;
	text-align:center;
	color:#30B8FF;
	font-size:.32rem;
}
.super_download_but a:hover{
	color:#30B8FF;
}

/* 安装引导 */
.guide{
	display:none;
	width:100%;
	height: 7.2rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
}
.guide_con{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align: center;
}
.guide_con h2{
	color:#888;
	font-size:.28rem;
	text-align:center;
	margin-top:.36rem;
}
.online_games{
	width:80%;
	margin:0 auto;
	padding-top:15px;
}
.online_games img{
	width:100%;
	height: 3.19rem;
}
.guide_guanbi img{
	position: absolute;
    right: .26rem;
    top: .25rem;
    width: .38rem;
    height: .38rem;
}
.online_games p{
	margin-top:.41rem;
	color:#888;
	font-size:.24rem;
	text-align:center;
}
.guide_installation{
	width: 80%;
    margin: 0 auto;
}
.guide_installation a{
	width:100%;
	height:.73rem;
	line-height:.73rem;
	background:#30B8FF;
	border-radius:.36rem;
	text-align:center;
	color:#fff;
	font-size:.32rem;
	margin-top:.44rem;
	display:inline-block;
}
.guide_installation a:hover{
	color:#fff;
}
.describe{
	color:#30B8FF;
	font-size:.26rem;
	text-decoration:underline;
	text-align:center;
	display:inline-block;
	margin-top:.28rem;
}
.describe:hover{
	color:#30B8FF;
}
.super_allow{
	display: none;
	height:2.63rem;
	width:75%;
	margin:0 auto;
	background:#fff;
	border-radius:.26rem;
	overflow:hidden;
}
.super_allow_but{
	width:100%;
	margin-top:.49rem;
}
.super_allow_but a{
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
	color:#999;
	font-size:.32rem;
}
.super_allow_but .highlight{
	color:#30B8FF;
}

/* .layui-layer{
	border-radius:.4rem !important; 
} */


.description_file{
	display: none;
	height:8.63rem;
	width:100%;
	margin:0 auto;
	background:#fff;
	border-radius:.26rem;
	overflow:hidden;
	position: relative;
}
.description_file h2{
	color: #888;
    font-size: .28rem;
    text-align: center;
    margin-top: .36rem;
}
.description_file .description_file_con{
	width:90%;
	margin:0 auto;
}
.description_file_con h2{
	float:left;
	text-align:left;
	width:100%;
	margin-top: .26rem;
	padding-bottom:.1rem;
}
.description_file_con p{
	color: #888;
    font-size: .24rem;
	line-height:.4rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:50px !important;
}

.dimensional{
	width: 76%;
    height: auto;
    margin: 0 auto; 
	border-radius: .2rem;
	margin-top:.58rem;
	padding: .54rem .30rem .59rem .3rem;
    background: #422BA1;
	text-align:center;
	
}
.dimensional img{
	width:2.07rem;
	height:2.07rem;
	text-align:center;
	margin:0 auto;
}
.dimensional p{
	font-size:.36rem;
	color:#11DDFF;
	margin:0 auto;
	margin-top:.33rem;
}
/* @media screen and (min-width:768px){
	.immediate_installation{
		display:none;
	}
	.install_tips_content p{
		font-size:.28rem;
		line-height: .5rem;
	}
	.super_edition_center{
		width: 50%;
		margin: 0 auto;
	}
	.super_edition_picture_part img{
		margin-right: 6%;
	}
	
}
@media screen and (max-width:766px){
	.dimensional{
		display:none;
	}
	
} */

/* 战场女神 */
.war_wrap{
	width: 100%;
	height:13.14rem;
	background: url(../images/war_top.jpg) no-repeat;
	background-size: 100% 13.14rem;
	position: relative;
	box-sizing: border-box;
}
.war_head {
	width: 100%;
	height: 1.2rem;
	background: rgba(0,0,0,0.8);
	display: flex;
	padding-top: .16rem;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	
	z-index: 99;
	max-width: 768px;
}
.war_head_left{
	flex:1;
	display: flex;
	margin-left: .2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.war_head_left .war_logo {
	width: .85rem;
	height: .85rem;
	margin-right: .2rem;
	display: inline-block;
}
.war_title {
	flex: 1;
	overflow: hidden;
}
.war_title h3{
	color: #fff;
	font-size: .36rem;
	font-weight: 700;
	margin-bottom: .06rem;
}
.war_title p{
	color: #fff;
	font-size: .2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: .2rem;
	line-height: .38rem;
}

.war_head_right{
	width: 2.47rem;
	margin-right: .2rem;
}
.war_head_right a{
	width: 2.47rem;
	height: .85rem;
	display: inline-block;
	background: url(../images/z_button.png) no-repeat;
	background-size: 100%;
}
.war_middle {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -1.62rem;
}
.warDown_bnt {
	width: 100%;
	text-align: center;
}
.warDown_bnt{
	width: 3.25rem;
	height: 1.12rem;
	display: inline-block;
	background: url(../images/z_downBtn.png) no-repeat;
	background-size: 100%;
}
.war_arrow img{
	width: .64rem;
	height: .42rem;
	margin-top: .3rem;
}
.war_floor {
	width: 100%;
	height:28.0rem;
	background: url(../images/war_floorbg.jpg) no-repeat;
	background-size: 100% 28.0rem;
	box-sizing: border-box;
}
.tan_floor1 {
	width: 96%;
	margin: 0 auto;
	padding-top: .5rem;
}
.tfloor1_title img{
	width: 100%;
	height: .99rem;
	text-align: center;
}
.tan_floor_banner{
	width: 100%;
	height: 4.7rem;
	background: url(../images/ban_bg.png) no-repeat;
	background-size: 100% 4.7rem;
	margin-top: .3rem;
}
.seven_wrap{
	text-align: center;
}
.seven_div{
	width: 100%;
	text-align: center;
	margin: auto;
}
.god_div {
	width: 100%;
}
.seven_wrap .seven_tan{
	width: 100%;
	height: 4.88rem;
	max-width: 7.2rem;
	
}
.seven_wrap .god_gift{
	width: 100%;
	height: 4.74rem;
	max-width: 5.03rem;
	margin-top: .2rem;
	
}
.seven_main{
	width: 100%;
	text-align: center;	
}
.seven_main .warDown_bnt{
	margin-top: .6rem;
}
.goddess_bottom {
   width: 100%;
   text-align: center;
   color: #fff;
   margin-top: .4rem;
  }
.goddess_bottom p{
	margin-bottom: .15rem;
	color: #dbdbdb;
	font-size: .2rem;
}
.goddess_bottom span {
    color: #dbdbdb;
    font-size: .2rem;
}




/* 官方品质推荐 */
.official{
	width:100%;
	height:100%;
}
.official_con{
	width:90%;
	margin:0 auto;
}
.official_con_list{
	width:100%;
	padding:.35rem 0;
	display:inline-block;
	border-bottom:1px solid #eee;
}

.official_con_list:last-child {
    border-bottom: 0;
}
.official_con_list_le{
	width:1.46rem;
	float:left;
    display: inline-block;
    position: relative;
}

.crown{
	position: absolute;
    top: -16px;
    left: -9px;
    width: .68rem;
}
.official_con_list_le_logo{
	width:1.40rem;
	height:1.40rem;
	border-radius:.16rem;
}
.official_con_list_le_crown{
	width:1.36rem;
	height:1.36rem;
	padding:.04rem;
	background:#FFD71F;
	border-radius:.30rem .16rem .16rem .16rem;
}
.official_con_list_le_second{
	width:1.36rem;
	height:1.36rem;
	padding:.04rem;
	background:#C8C8C8;
	border-radius:.30rem .16rem .16rem .16rem;
}
.official_con_list_le_season{
	width:1.36rem;
	height:1.36rem;
	padding:.04rem;
	background:#C79364;
	border-radius:.30rem .16rem .16rem .16rem;
}
.official_con_list_ri{
	float:left;
	margin-left:.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    width: 50%;
}
.official_con_list_ri a{
	display:inline-block;
	width:100%;
	height:100%;
}
.official_con_list_ri h2{
	color:#222;
	font-size:.32rem;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	margin-top: .1rem;
}
.official_con_list_ri p{
	margin-top:.26rem;
	font-size:.22rem;
	color:#999;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    width:100%;
}
.official_con_list_bu{
	float:right;
	margin-top:.42rem;
}
.official_con_list_bu a{
	width:1.11rem;
	height:.56rem;
	line-height:.56rem;
	text-align:center;
	border-radius:.28rem;
	background:#3984FF;
	font-size:.24rem;
	color:#fff;
	display:inline-block;
}



/* 星级大放送 */
.star_broadcast{
    width: 100%;
    background: url(../images/star_broadcast_bg2.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
	overflow:hidden;
	text-align:center;
}
.star_title_img{
	width: 6.07rem;
    height: 1.36rem;
    margin-top: 1.27rem;
}
.star_broadcast_center_one{
	width:100%;
	height:auto;
	margin-top: 2.66rem;
	padding-bottom: 1.53rem;
}
.star_broadcast_center_two{
	width:100%;
	height:auto;
	padding-bottom: 1.53rem;
}
.star_broadcast_center_three{
	width:100%;
	height:auto;
}
.star_broadcast_topbg{
	width: 98%;
    height: 6.65rem;
    background: url(../images/star_broadcast_topbg.png) no-repeat;
    background-size: 100% 6.65rem;
	margin:0 auto;
	position: relative;
}
.star_tj{
	display: inline-block;
    width: 100%;
    height: .89rem;
}
.star_one_div{
	width: 1.7rem;
    height: 1.38rem;
    background: url(../images/star_one.png) no-repeat;
    background-size: 1.7rem 1.38rem;
	text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -.67rem;
}
.star_one_div img{
	width: 1.26rem;
    height: 1.26rem;
    margin-top: 3px;
	border-radius:20%;
}

.star_two_div{
	width: 1.7rem;
    height: 1.38rem;
    background: url(../images/star_two.png) no-repeat;
    background-size: 1.7rem 1.38rem;
	text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -.67rem;
}
.star_two_div img{
	width: 1.26rem;
    height: 1.26rem;
    margin-top: 3px;
	border-radius:20%;
}

.star_three_div{
	width: 1.7rem;
    height: 1.38rem;
    background: url(../images/star_three.png) no-repeat;
    background-size: 1.7rem 1.38rem;
	text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -.67rem;
}
.star_three_div img{
	width: 1.26rem;
    height: 1.26rem;
    margin-top: 3px;
	border-radius:20%;
}
.recommendation_index{
	position: absolute;
	top:.23rem;
	right:.27rem;
	text-align:center;
}
.recommendation_index span{
	color:#fff;
	font-size:.26rem;
}
.star_grade img{
	margin-top:.12rem;
	width:.29rem;
	height:.28rem;
}
.star_title{
	width:100%;
	text-align:center;
}
.star_title h2{
	font-size:.34rem;
	color:#fff;
	margin-bottom:.29rem;
}
.star_title span{
	color:#C2ABFF;
	border:1px solid #C2ABFF;
	padding:.05rem .12rem;
	border-radius:.22rem;
}
.star_activity{ 
    width: 98%;
    margin: 0 auto;
    margin-top: .32rem;
}
.star_activity img{
	width:100%;
	height:4.3rem;
}
.dl_movies{
	width:100%;
	height:4.3rem;
}
.star_evaluating{
	width: 98%;
    height: 4.34rem;
	margin:0 auto;
    background: url(../images/star_evaluating.png) no-repeat;
    background-size: 100% 4.34rem; 
	text-align: center;
}
.star_evaluating span{
	width:95%;
	text-align:center;
	font-size:.24rem;
	line-height:.42rem;
	color:#fff;
	margin-top:1.18rem;
	display: -webkit-inline-box;
	height: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.star_button {
	width:100%;
	margin-top:.42rem;
	height: auto;
    display: inline-block;
}
.star_button_left{
	width:50%;
	float:left;
}
.star_button a{
	display:inline-block;
	width:100%;
	height:100%;
}
.star_button img{
	text-align:center;
	width: 2.91rem;
    height: .69rem;
	-webkit-animation: two-up-down .8s ease infinite 80ms alternate;
	animation: two-up-down .8s ease infinite 80ms alternate;
}@keyframes two-up-down{
	from{
		-webkit-transform:translate(0,4px);
		transform:translate(0,4px)
	}
	to{
		-webkit-transform:translate(0,-4px);
		transform:translate(0,-4px)
		}
}
.star_button_right{
	width:50%;
	float:right;
}
.star_decorate_left{
	position: absolute;
	left:.40rem;
}
.star_decorate_left img{
	width:.08rem;
	height:.43rem;
	margin-top: -.1rem;
	z-index:9999;
}
.star_decorate_right{
	position: absolute;
	right:.40rem;
}
.star_decorate_right img{
	width:.08rem;
	height:.43rem;
	margin-top: -.1rem;
}
.star_bottom_but {
    width: 100%;
    margin-top: .6rem;
    margin-bottom: .37rem;
}
.star_bottom_but p {
    font-size: .2rem;
    color: #fff;
    margin-top: .1rem;
}
.dl_movies{
	width: 100%;
    height: 4.3rem;
}
.star_activity video::-webkit-media-controls-fullscreen-button {
	display: none;
}



.dl_movies{
	position: relative;
}
.dl_movies video{
	display: inline-block;
  vertical-align: baseline;
}


/* 欢度国庆 */
.spend_joyfully{
	background: linear-gradient(0deg, #1B1139 0%, #071438 100%);
	width:100%;
	height:auto;
    overflow: hidden;
    text-align: center;
}
.spend_joyfully_img {
    width: 100%;
    height: 7.38rem;
    background: url(../images/h5_joyfully.jpg) no-repeat;
    background-size: 100% 7.38rem;
}
.spend_joyfully_list{
    width: 94%;
    margin: 0 auto;
    background: #FEFCE8;
    border-radius: 0.09rem;
    overflow: hidden;
    height: auto;
    margin-top: -91px;
}
.spend_joyfully_list_picture{
    width: 92%;
    margin: 0 auto;
    margin-top: .15rem;
    min-height: 7.45rem;
    background: url(../images/list_picture.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: .45rem;
	position: relative;
	overflow:hidden;
	padding-bottom: .44rem;
}
.spend_joyfully_list_picture_con{
	margin-top: .48rem;
	position: relative;
}
.rebate_im img{
	width:4.44rem;
}

.fireworks img{
    width: .65rem;
    height: .58rem;
    position: absolute;
    right: .18rem;
    top: .29rem;
}
.spend_joyfully_list_game{
	width:100%;
	height:auto;
	display:inline-block;
	margin-top:.25rem;
}
.spend_joyfully_list_game li{
	width:25%;
	float:left;
	text-align:center;
	margin-top:.25rem;
}
.spend_joyfully_list_game img{
	width:.88rem;
	height:.88rem;
	border-radius:.06rem;
	margin-bottom:.12rem;
}
.spend_joyfully_list_game p{
	color:#333;
	font-size:.2rem;
	width:94%;
	line-height:12px;
	margin:0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}
.spend_joyfully_list_game span{
	font-size:.2rem;
	color:#e6412d;
	
}
.activity_rule{
	width:100%;
	height:auto;
	margin-top:.56rem;
}
.activity_rule_img{
	margin-bottom:.36rem;
}
.activity_rule_img img{
	width:2.72rem;
}
.activity_rule_con{
	width:80%;
	margin:0 auto;
}
.activity_rule_con span{
	color:#CFD4E3;
	font-size:.2rem;
	line-height:.36rem;
	width:100%;
	display:inline-block;
	text-align:left;
}
.button_con{
	width:100%;
	margin-top: .31rem;
}
.button_con img{
	width:100%;
}
.onfire1{
	width: .75rem;
	height: .69rem;
	background: url(../images/onfire.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: .2rem;
	top: 2.2rem;
	animation: scale-in-ver-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;

}
.onfire2{
	width: .95rem;
	height: .93rem;
	background: url(../images/onfire2.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: -.4rem;
	top: 2.2rem;
	animation: scale-in-ver-center 2s 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;

}
.onfire3{
	width: .89rem;
	height: .66rem;
	background: url(../images/onfire3.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: 1.58rem;
	animation: scale-in-ver-center 2s 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
.onfire4{
	width: .16rem;
	height: .51rem;
	background: url(../images/onfire4.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: .5rem;
	top: 5rem;
	animation: fire-in-ver-center 3s .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}


@keyframes scale-in-ver-center {
  0% {
	transform: translate(0,0px) scale(0);
    opacity: 0;
  }
40% {
	transform: translate(0,-60px) scale(0.4);
	opacity: 0.4;
}
  100% {
	transform: scale(1) translate(0,-60px);
    opacity: 1;
  }
}
@keyframes fire-in-ver-center {
  0% {
	transform: translate(0,0px);
    opacity: 0;
  }

  100% {
	transform:  translate(0,-60px);
    opacity: 1;
  }
}


.redemption_code{
	width: 70%;
    height: 35px;
	margin: 0 auto;
    line-height: 35px;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-top: 15px;
	max-width:270px;
}
.redemption_code input {
    width: 69%;
    height: 32px;
	text-indent:10px;
	border-radius: 6px;

}
.redemption_code a {
    width: 30%;
    display: block;
    float: right;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    background: #00e1e6;
    border-radius: 0 6px 6px 0;
}
.redemption_code a:hover{
	color: #fff;
	background: #00e1e8;
	transition:0.3s all;
}




/* 每日答题 */
.daily_answers{
	width: 100%;
	height: 13.63rem;
    background: url(../images/daily_answers.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
	
}
.daily_answers_conter{
	height: 100%;
    width: 100%;
    margin: 0 auto
}
.daily_answers_conter_top {
    width: 100%;
    height: 3.75rem;
    overflow: hidden;
}
.daily_answers_conter_but {
    height: auto;
    background: #fff;
    border-radius: 6px;
    width: 94%;
    margin: 0 auto;
    margin-top: .46rem;
    padding-bottom: .25rem;
}
.daily_answers_conter_top_title{
	margin-top:.97rem;
    text-align: center;
}
.daily_answers_conter_top_title h2{
	color:#fff;
	font-size:.48rem;
	font-weight:700;
}
.daily_answers_conter_control {
    display: flex;
    overflow-x: scroll;
	margin-top:2.17rem;
	position: relative;
}
.daily_answers_conter_control_d{
	width:1.56rem;
	text-align: center;
	z-index: 99;
	position: relative;
}
.daily_answers_conter_control_q{
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    line-height: 30px;
    margin-top: .4rem;
    color: #fff;
    float: left;
    font-size: .18rem;
    text-align: center;
    margin-left: .18rem;
    margin-right: .15rem;
    flex-shrink: 0;
    background: #908BEB;
    border: 4px solid rgb(71,63,220);
    margin-bottom: .11rem;
    position: relative;
	display:inline-block;
}
.daily_answers_conter_control_d .no_answer{
	background:#FFB636;
}
.daily_answers_conter_control_d h2{
	font-size: .20rem;
	color:#fff;
}

.horizontal_line{
    background: #473FDC;
    height: .04rem;
    width: 94%;
    position: absolute;
    top: 2.9rem;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.whether{
	position: relative;
    top: -31px;
    left: .2rem;
    width: .2rem;
    height: .2rem;
}
.answer{
	position:relative;
}
.answer img{
	width:1.45rem;
	margin-top:.47rem;
}
.answer a{
	position:absolute;
	right:.28rem;
	margin-top:.49rem;
	color:#3984FF;
	font-size:.24rem;
	margin-right: .2rem;
}
.answer a:hover{
	color:#3984FF;
}
.answer p{
	margin-top:.2rem;
	color:#999;
	font-size:.22rem;
}
.answer em{
	color:#FF4C4C;
}
.problem_span{
	font-size: .22rem;
	color: #FFFFFF;
	background: linear-gradient(90deg, #833FFF, #2E52FA);
	border-radius: 26px 2px 26px 2px;
	display: inline-block;
    padding: .05rem .2rem;
	position: absolute;
    left: 0;
    top: -10px;
}
.problem{
    width: 90%;
    margin: 0 auto;
    background: #F5F6F6;
    height: auto;
    position: relative;
    margin-top: .35rem;
    padding-bottom: .26rem;
}
.confirm_answer{
    width: 88%;
	margin: 0 auto;
	margin-top:.32rem;
}
.confirm_answer a{
	display:inline-block;
	width:100%;
	height:.85rem;
	line-height:.85rem;
	color:#fff;
	background:#FFB636;
	font-size:.36rem;
	border-radius:.08rem;
}
.confirm_answer a:hover{
	color:#fff;
}
.daily_answers_conter_but .answered{
	background:#D3D3D9;
}
.problem_list{
    width: 92%;
    margin: 0 auto;
    padding-top: .52rem;
    text-align: left;
}
.problem_list h2{
	font-size:.32rem;
	font-weight:700;
	color:#111;
    margin-bottom: .23rem;
}
.problem_list_answer{
    height: .66rem;
    line-height: .66rem;
}
.problem_list_answer_i {
    width: .3rem;
    height: .3rem;
    float: left;
	border-radius:50%;
	background:#fff;
	border: 1px solid #DCDCDC;
	margin-right: .16rem;
    margin-top: .12rem;
	margin-left: .22rem;
}
.problem_list .answer_select{
	width: .35rem;
    height: .35rem;
    background: url(../images/answer_select.png) no-repeat;
    background-size: .35rem .35rem;
	border:none;
	margin-left: .22rem;
}
.problem .problem_list_correct{
	background:#DFFCE2;
	position: relative;
    border-radius: .12rem;
}
.problem_list_correct span{
	float: right;
    margin-right: .34rem;
	font-size:.24rem;
	color:#05D67B;
}
.problem_list_correct em{
	width: .25rem;
    height: .25rem;
    background: url(../images/dui.png) no-repeat;
    background-size: .25rem .25rem;
	display: inline-block;
    margin-right: .13rem;
	position: relative;
    top: .03rem;
}
.problem .problem_list_error{
	background:#FDEAEA;
	position: relative;
	border-radius: .12rem;
}
.problem_list_error span{
	float: right;
    margin-right: .34rem;
	font-size:.24rem;
	color:#FF4C4C;
}
.problem_list_error em{
	width: .25rem;
    height: .25rem;
    background: url(../images/cuo.png) no-repeat;
    background-size: .25rem .25rem;
	display: inline-block;
    margin-right: .13rem;
	position: relative;
    top: .03rem;
}

.regular_pop-up_window{
	width:100%;
	height:auto;
	padding-bottom:.4rem;
}
.answer_rules{
	width:92%;
	margin:0 auto;
    overflow: hidden;
}
.answer_rules h2{
	color:#111;
	font-size:.34rem;
	margin-top:.34rem;
	text-align:center;
	font-weight:700;
	margin-bottom:.35rem;
}
.answer_rules p{
	color:#333;
	font-size:.24rem;
	line-height:.42rem;
	margin-top:.35rem;
}
.answer_rules span{
	color:#999;
	font-size:.24rem;
	line-height:.42rem;
}
.answer_rules_but{
	width:90%;
	margin:0 auto;
	margin-top:.43rem;
}
.answer_rules_but a{
	width:100%;
	height:.85rem;
	line-height:.85rem;
	background:#FFB636;
	color:#fff;
	font-size:.36rem;
	display:inline-block;
	text-align:center;
	border-radius:.08rem;
}
.answer_rules_but a:hover{
	color:#fff;
}
.answer_correct{
	width:100%;
	height:auto;
	padding-bottom:.4rem;
}
.answer_correct_con{
	width:90%;
	margin:0 auto;
    overflow: hidden;
	text-align:center;
	        
}
.answer_correct_con h2{
	color:#111;
	font-size:.34rem;
	margin-top:.34rem;
	text-align:center;
	font-weight:700;
	margin-bottom:.51rem;
}
.answer_correct_con span{
	color:#111;
	font-size:.28rem;
	text-align:center;
}
.answer_correct_con em{
	color:#FF4C4C;
}
.answer_error{
	width:100%;
	height:auto;
	padding-bottom:.4rem;
}
.answer_error_con{
	width:90%;
	margin:0 auto;
    overflow: hidden;
	text-align:center;
}
.answer_error_con h2{
	color:#FF4C4C;
	font-size:.34rem;
	margin-top:.34rem;
	text-align:center;
	font-weight:700;
	margin-bottom:.51rem;
}
.answer_error_con span{
	color:#111;
	font-size:.28rem;
	text-align:center;
}
.answer_error_con em{
	color:#FF4C4C;
}


/* 试玩有奖 */

.prizes_trial{
	width:100%;
	height:100%;
	background:#f5f6f6;
}
.prizes_trial_top {
	width:100%;
    height: 4.81rem;
    background: url(../images/prizes_trial.png) no-repeat;
    background-size: 100% 4.81rem;
}
.prizes_trial_content{
	width:100%;
	height:100%;
}
.prizes_trial_list{
	width:94%;
	height:2.22rem;
	background:#fff;
	border-radius:.14rem;
	margin:0 auto;
	margin-top:.25rem;
    position: relative;
}
.prizes_trial_list_top{
	width:100%;
	height:.71rem;
}
.prizes_trial_list .prizes_trial_list_top .miss{
	background:#B1B8C7;
}
.prizes_trial_list_top span{
	color:#fff;
	font-size:.2rem; 
	top: .16rem;
    position: absolute;
	background: linear-gradient(-90deg, #8E3BFF,#0060FF);
    border-radius: 0 15px 15px 0;
	padding: 0 .2rem 0 .1rem;
	display: flex;
	align-items: center;
	height: .38rem;
}
.prizes_trial_list_top img{
	width:.7rem;
	height:.71rem;
	right:.26rem;
	top: -.1rem;
	position: absolute;
}
.prizes_trial_title{
	width:94%;
	margin:0 auto;
	margin-top:.35rem;
}
.prizes_trial_title h2{
	color:#111;
	font-size:.36rem;
	font-weight:700;
}
.prizes_trial_list_overall{
	width:100%;
	height:auto;
}
.prizes_trial_list_con{
	width:94%;
	margin:0 auto;
}
.prizes_trial_list_con_left{
    width:75%;
	float:left;
}
.prizes_trial_list_con_left img{
	width:1.3rem;
	height:1.3rem;
	border-radius:.2rem;
	float:left;
}
.prizes_trial_list_con_left_co{
    height: 1.3rem;
    float: left;
    width: 70%;
}
.prizes_trial_list_con_left_co h2{
	color:#111;
	font-size:.28rem;
	font-weight:700;
	margin-bottom:.15rem;
	margin-left:.21rem;
    width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.prizes_trial_list_con_left_co span{
	float: left;
    display: inline-block;
    width: 100%;
	color:#999;
	font-size:.2rem;
	margin-left:.21rem;
	margin-bottom: .1rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.prizes_trial_list_con_left_co em{
	color:#FF4C4C;
}
.prizes_trial_list_con_right{
	width: 25%;
    float: left;
    text-align: center;
    height: 1.51rem;
    position: relative;
}
.prizes_trial_list_con_right h2{
	color:#FF4C4C;
	font-size:.28rem;
	margin-bottom:.1rem;
	height: .38rem;
	font-weight: 700;
}
.prizes_trial_list_con_right a{
	width: auto;
    height: auto;
    padding: .05rem 0;
    color: #3984FF;
    font-size: .22rem;
    display: inline-block;
    border-radius: 30px;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 1.08rem;
    bottom: .6rem;
    margin: 0 auto;
}
 .prizes_trial_list_con_right a:hover{
	color:#3984FF;
}
.prizes_trial_list_con_right em{
	display: inline-block;
    color: #999;
    font-size: .2rem;
    width: 100%;
    position: absolute;
    bottom: .2rem;
    left: 0;
    right: 0;
}
.prizes_trial_list_con_left i{
	color:#FF4C4C;
	font-size:.28rem;
	font-weight:700;
}
.prizes_trial_list_con .task_failure{
	color:#333;
}
.prizes_trial_list_con .task_failure:hover{
	color:#333;
	border-color: #666;
}
.prizes_trial_list_con .receive_rewards{
	color:#fff;
	background:#3984FF;
	border:1px solid #3984FF;
}
.prizes_trial_list_con .receive_rewards:hover{
	color:#fff;
	
}
.blue_btn::before {
	border-color: #3984FF !important;
	border-radius: 30px;
}
.task_failure::before {
	border-color: #666 !important;
	border-radius: 30px;
}
.sign_in{
	width:100%;
	height:auto;
	background:#3C4EF9;
}
.sign_in_top{
	width:100%;
    height: 5.65rem;
    background: url(../images/sign_in.jpg) no-repeat;
    background-size: 100% 5.65rem;

}
.sign_in_top_con{
	position: relative;
	top:2.51rem;
    text-align: center;
}
.sign_in_top_con a{
	position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
}
.sign_in_top_con a:hover{
	color:#fff;
}
.sign_in_top_con img{
	width:3.17rem;
	height:1.17rem;
	margin-right:.09rem;
	margin-top: -.06rem;
}
.sign_in_top .signed{
	height:1.07rem;
}
.sign_in_top_con h2{
	margin-top:.31rem;
	color:#fff;
	font-size:.28rem;
    margin-top: 1.2rem;
    color: #fff;
    font-size: .28rem;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.sign_in_top_con em{
	color:#FFC352;
}
.sign_in_top_con span{
	/* margin-bottom:.18rem; */
	font-size:.20rem;
	color:#fff;
	margin-top: .18rem;
	display: inline-block;
}
.sign_in_middle_conter{
	position: relative;
    top: -36px;
}
.sign_in_middle{
	width:94%;
	/* height:5.13rem; */
	margin:0 auto;
	background:#fff;
	border-radius:.10rem;
}
.sign_in_frequency{
	width: 3.47rem;
	height:.56rem;
	line-height:.56rem;
    background: url(../images/frequency1.png) 0 0px no-repeat;
    background-size: 3.47rem .56rem;
	margin: 0 auto;
	font-size:.24rem;
	color:#FF970F;
	text-align:center;
}
.sign_in_frequency2{
	width: 1.9rem;
	height:.56rem;
	line-height:.56rem;
    background: url(../images/frequency2.png) 0 0px no-repeat;
    background-size: 1.9rem .56rem;
	margin: 0 auto;
	font-size:.24rem;
	color:#FF970F;
	text-align:center;
}
.sign_in_middle_con{
	width: 100%;
    height: auto;
    display: inline-block;
    display: flex;
    position: relative;
	margin-top: .3rem;
	overflow-x: scroll;
	overflow-y: hidden;
	padding-top: 15px;
}

::-webkit-scrollbar-corner, ::-webkit-scrollbar-track{
	background: #fff !important;
}
::-webkit-scrollbar{
	display:none;
}
.sign_in_middle_con_list{
	text-align:center;
	margin-right:.13rem;
	float:left;
	width:20%;
	position: relative;
}
.sign_in_middle_con_list2{
	text-align:center;
	float:left;
	width:19%;
	padding: 0 1%;
}
.sign_in_middle_con_list2 span{
	color:#111;
	width:100%;
	display: inline-block;
	font-size:.20rem;
	margin-top:0.2rem;
	margin-bottom: 0.05rem;
}
.sign_in_middle_con_list2 img{
    width: .37rem;
    height: .37rem;
    display: inherit;
    margin: 0 auto;
}
.sign_in_middle_con_list2 a{
    width: auto;
	min-width: .76rem;
	height:.32rem;
	line-height: .35rem;
	background:#3984FF;
	border:1px solid #3984FF;
	color:#fff;
	font-size:.2rem;
	border-radius:.16rem;
    display: inline-block;
	margin-top:.12rem;
    padding: .01rem .05rem;
}
.sign_in_middle_con_list2 p{
	color:#999;
	font-size:.2rem;
}
.sign_in_middle_con_Icon2 {
    width: 90%;
    height: 1.55rem;
    border-radius: .10rem;
    background: #F5F6FA;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .11rem;
}
.sign_in_middle_con_Icon{
	width:1.25rem;
	height:1.55rem;
	border-radius:.10rem;
	background:#F5F6FA;
	text-align:center;
	margin: 0 auto;
	margin-bottom: .11rem;
}
.sign_in_middle .be_signed{
	background: linear-gradient(180deg, #833FFF, #2E52FA);
}
.sign_in_middle .be_signed span{
	color:#fff;
}
.sign_in_middle_con_list span{
	color:#111;
	width:100%;
	display: inline-block;
	font-size:.20rem;
	margin-top:0.2rem;
	margin-bottom: 0.05rem;
}
.sign_in_middle_con_list img{
    width: .37rem;
    height: .37rem;
    display: inherit;
    margin: 0 auto;
}
.sign_in_middle_con_list a{
    width: auto;
	min-width: .76rem;
	height:.32rem;
	line-height: .35rem;
	background:#3984FF;
	border:1px solid #3984FF;
	color:#fff;
	font-size:.2rem;
	border-radius:.16rem;
    display: inline-block;
	margin-top:.12rem;
    padding: .01rem .05rem;
}
.sign_in_middle_con_list a:hover{
	color:#fff;
}
.sign_in_middle_con_list p{
	color:#999;
	font-size:.2rem;
}
.sign_in_middle_con_list em{
    position: absolute;
    top: -10px;
    right: -5px;
    font-size: .2rem;
    padding: .01rem.05rem;
    background: #FF461E;
    color: #FFFFFF;
    border-radius: .02rem;
    z-index: 9999;
}
.sign_in_middle .repair{
	background:none;
	color:#3984FF;
	border:1px solid #3984FF;
}
.sign_in_middle .repair:hover{
	color:#3984FF;
}
.sign_in_middle .stay{
	background:#1641CD;
	color:#fff;
	border:1px solid #1641CD;
}
.sign_in_middle .stay_ash{
	background:#D6D8DC;
	color:#fff;
	border:1px solid #D6D8DC;
}


.sign_in_middle_second{
	width:94%;
	margin: .31rem auto 0 auto;
	background:#fff;
	border-radius:.10rem;
}
.sign_in_middle_rule{
	width:90%;
	margin: .36rem auto;
}
.sign_in_middle_rule span{
	color: #111111;
	font-size: .28rem;
	font-weight:700;
	display: inline-block;
	margin-bottom: .2rem;
}
.sign_in_middle_rule p{
	font-size: .2rem;
	color: #999999;
	line-height: .3rem;
	text-align: justify;
}
.sign_in_middle_integral{
	width: 90%;
	border-top: 1px solid #EEEEEE;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	height: .77rem;
	line-height: .77rem;
}
.sign_in_middle_integral>div{
	display: inline-block;
	font-size: .24rem;
	color: #111111;
}
.sign_in_middle_integral>div span{
	color: #FF970F;
}
.sign_in_middle_integral a{
	color: #3984FF;
	font-size: .2rem;
	background:#F7FAFF;
	padding: 0 .14rem 0 .14rem;
	height:.44rem;
	line-height:.46rem;
	border-radius:.22rem;
	text-align:center;
	margin-top:.14rem;
}
.sign_in_middle_integral a:hover{
	color: #3984FF;
}
.sign_in_middle_title{
	margin-top: .15rem;
	font-size: .24rem;
	color: #111111;
	text-align: center;
}
.sign_in_middle_title span{
	color: #FF970F;
}
.sign_in_middle_second .be_signed{
	background: linear-gradient(180deg, #FF7200, #FFAE00);
}
.sign_in_middle_second .be_signed span{
	color:#fff;
}
.sign_in_middle_second .stay{
	background: #FFFFFF;
	color: #FF7400;
	border: 1px solid #FFFFFF;
}
.sign_in_middle_second .stay_ash{
	background: #D6D8DC;
	color: #FFFFFF;
	border: 1px solid #D6D8DC;
}
.sign_in_middle_second .receive{
	background-color: transparent;
	color: #3984FF;
}
.sign_in_middle_tips{
	padding-bottom: .37rem;
	margin-bottom: 0px;
}
.sign_in_bottom{
	text-align: center;
	padding: .2rem 0 .47rem 0;
	box-sizing: border-box;
}
.sign_in_bottom{
	width:94%;
	height:2.11rem;
    background: url(../images/sign_in_bootom.png) 0 0px no-repeat;
    background-size: 100% 2.11rem;
	margin: 0 auto;
    position: relative;
	top:.24rem;
}
.sign_in_bottom p{
	padding: .08rem .17rem;
    background: #FF8745;
    color: #fff;
    font-size: .20rem;
    border-radius: .18rem;
    position: absolute;
    bottom: .38rem;
    left:22%;
}
.sign_in_bottom a{
    width: 1.3rem;
    height: .52rem;
    line-height: .52rem;
    color: #fff;
    background: linear-gradient(180deg, #6758F4, #3B28EE);
    border-radius: .26rem;
    display: inline-block;
    position: absolute;
    right: .2rem;
    top: .91rem;
	font-size:.24rem;
}
.sign_in_bottom a:hover{
	color:#fff;
}
/* 新人福利 */
.welfare_new_comers{
	width:100%;
	height:auto;
    padding-bottom: .5rem;
	background: linear-gradient(0deg, #FFF4F2, #FFEDEB);
}
.welfare_new_comers_top{
	width: 100%;
    height: 6.57rem;
    background: url(../images/comers_top.jpg) 0 0px no-repeat;
    background-size: 100% 6.57rem;
	position: relative;
}
.welfare_new_comers_top a{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: .8rem;
    width: 1.46rem;
    height: .46rem;
    line-height: .46rem;
    display: inline-block;
    margin: 0 auto;
	background:#FE982B;
	border-radius:.23rem;
	color:#fff;
	font-size:.26rem;
}
.welfare_new_comers_top a:hover{
	color:#fff;
}
.welfare_new_comers .bound{
	background:#D8432A;
	color:#FFB9AD;
	position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: .8rem;
    width: 1.46rem;
    height: .46rem;
    line-height: .46rem;
    display: inline-block;
    margin: 0 auto;
	border-radius:.23rem;
	font-size:.26rem;
}
.welfare_new_comers_middle{
	width:90%;
	margin:0 auto;
	margin-top: .2rem;
}
.welfare_new_comers_middle_list{
	height:1.56rem;
	background:#fff;
	border-radius:.12rem;
	margin-bottom:.23rem;
}
.welfare_new_comers_middle_list_le{
	width:30%;
	height:1.56rem;
	float:left;
	text-align:center;
	margin-right:1%;
	background:#FF4D4C;
	border-radius:.12rem 0 0 .12rem;
}
.welfare_new_comers_middle .cash_coupon{
	background:#3984FF;
}

.welfare_new_comers_middle .cash_coupon_but{
	background:#3984FF;
}
.welfare_new_comers_middle .cash_received{
	background:none;
	color:#3984FF;
}
.welfare_new_comers_middle .cash_received:hover{
	color:#3984FF;
}
.welfare_new_comers_middle_list_le h2{
	color:#fff;
	font-size:.24rem;
	margin-top:.27rem;
	margin-bottom:.03rem;
}
.welfare_new_comers_middle_list_le em{
	font-size:.46rem;
	color:#fff;
}
.welfare_new_comers_middle_list_le span{
	color:#fff;
}
.welfare_new_comers_middle_list_ri{
	width:68%;
	float:left;
	height:1.56rem;
}
.welfare_new_comers_middle_list_con{
	width:96%;
	margin:0 auto;
	
}
.welfare_new_comers_middle_list_con_top{
	width:100%;
	height:auto;
	border-bottom:1px dashed #DCDCDC;
    display: inline-block;
	padding-bottom: .1rem;
}
.welfare_new_comers_middle_list_con_top_l{
	width:70%;
	float:left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.welfare_new_comers_middle_list_con_top_l h2{
    color: #111;
    font-size: .24rem;
    margin-top: .16rem;
    margin-bottom: .1rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.welfare_new_comers_middle_list_con_top_l span{
	color:#999;
	font-size:.2rem;
}
.welfare_new_comers_middle_list_con_but span{	color:#999;
	font-size:.2rem;
	color:#999;
}
.welfare_new_comers_middle_list_con_top_r{
	width:30%;
	float:left;
	text-align:center;
}
.welfare_new_comers_middle_list_con_top_r a{
	margin-top:.35rem;
	display:inline-block;
	width:.88rem;
	height:.46rem;
	line-height:.46rem;
	color:#fff;
	font-size:.24rem;
	background:#FF4D4C;
	border-radius:.28rem;
}
.welfare_new_comers_middle_list_con_top_r a:hover{
	color:#fff;
}
.goband {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@keyframes heartbeat {
  from {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  10% {
	-webkit-transform: scale(0.91);
			transform: scale(0.91);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  17% {
	-webkit-transform: scale(0.98);
			transform: scale(0.98);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  33% {
	-webkit-transform: scale(0.87);
			transform: scale(0.87);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  45% {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
}
/* 会员权益 */
.membership_conters{
    width: 100%;
    height: 100%;
    display: inline-block;
    display: flex;
    position: relative;
    overflow-x: auto;
    padding-bottom: .40rem;
    padding-top: 22px;
}
.membership_con_prop{
	width: 52%;
    height:4.55rem;
    background: url(../images/membership_con_prop1.png) 0 0px no-repeat;
    background-size: 100% 4.55rem;
	margin-left:.25rem;
	text-align:center;
	flex: none;
}
.membership_con_prop2{
	width: 52%;
    height:4.78rem;
    background: url(../images/membership_con_prop2.png) 0 0px no-repeat;
    background-size: 100% 4.78rem;
	margin-left:.25rem;
	margin-right:.25rem;
	text-align:center;
	flex: none;
}
.membership_con_prop img{
	width: .85rem;
    height: .96rem;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px;
}
.membership_con_prop h3{
	color:#9A6304;
	font-size:.32rem;
	margin-top:.13rem;
	font-weight:700;
}
.membership_con_prop p{
	color:#9A6304;
	font-size:.24rem;
	margin-top:.1rem;
}
.membership_con_prop span{
	width:90%;
	margin:0 auto;
	display:inline-block;
	margin-top:.2rem;
	line-height:.32rem;
	font-size:.2rem;
	color:#9A6304;
	text-align:left;
	margin-bottom:.23rem;
}
.membership_con_prop a{
	width:80%;
	height:.59rem;
	line-height:.59rem;
	border-radius:.04rem;
	color:#fff;
	font-size:.32rem;
	text-align:center;
	display:inline-block;
	background:#E2AA00;
}
.membership_con_prop a:hover{
	color:#fff;
}
.membership_con_prop em{
	width:100%;
	display:inline-block;
	color:#9A6304;
	font-size:.2rem;
	margin-top:.17rem;
}
.membership_con_prop2 h3{
	color:#9A6304;
	font-size:.32rem;
	margin-top:1.13rem;
	
}
.membership_con_prop2 p{
	color:#9A6304;
	font-size:.24rem;
	margin-top:.13rem;
}
.membership_con_prop2 span{
	width:90%;
	margin:0 auto;
	display:inline-block;
	margin-top:.24rem;
	line-height:.32rem;
	font-size:.2rem;
	color:#9A6304;
	text-align:left;
	margin-bottom:.23rem;
}
.membership_con_prop2 a{
	width:80%;
	height:.59rem;
	line-height:.59rem;
	border-radius:.04rem;
	color:#fff;
	font-size:.32rem;
	text-align:center;
	display:inline-block;
	background:#E2AA00;
}
.membership_con_prop2 a:hover{
	color:#fff;
}
.membership_conters .receiveds{
	background:#D8D3C4;
	color:#756A48;
}
.membership_conters .receiveds:hover{
	color:#756A48;
}
.member_description{
	width:94%;
	margin:0 auto;
	padding-bottom:.41rem;
}
.member_description p{
	line-height:.46rem;
	color:#333;
	font-size:.24rem;
}


/* 成长明细 */
.growth_details{
	width:100%;
	background:#fff;
	height:100%;
}
.growth_details_whole {
    width: 100%;
    height: auto;
    display: inline-block;
    background: #fff;
    text-align: center;
}
.growth_details_whole_list {
    height: 1.24rem;
    display: flex;
}
.growth_details_whole_list span {
    margin-right: .28rem;
	line-height: 1.24rem;
}
.growth_details_whole_list img{
	width: .70rem;
    height: .70rem;
    margin-left: .36rem;
}
.growth_details_whole_list_r {
    flex: 1;
    border-bottom: 1px solid #eee;
}
.growth_details_whole_list_r_left{
	width:60%;
	float:left;
	text-align:left;
	height: 1.24rem;
}
.growth_details_whole_list_r_left h2{
	color:#111;
	font-size:.28rem;
	margin-top:.32rem;
}
.growth_details_whole_list_r_left p{
	margin-top:.1rem;
	font-size:.20rem;
	color:#999;
}
.growth_details_whole_list_r_right {
	width:40%;
	height: 1.24rem;
	line-height:1.24rem;
	float:left;
	text-align:right;
}
.growth_details_whole_list_r_right em{
	color:#111;
	font-size:.36rem;
	margin-right:.36rem;
}
.growth_details_whole_list_r .reduce{
	color:#FF4C4C;
}


/* 福利详情 */
.welfare_details{
	width:100%;
	height:100%;
}
.welfare_details_con{
	width:100%;
	background:#FFFFFF;
}
.welfare_details_con_top{
	width:94%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:.36rem;
}
.welfare_details_con_top h2{
	color:#111;
	font-size:.32rem;
	margin-top:.55rem;
	font-weight:700;
	margin-bottom:.27rem;
}
.welfare_details_con_top span{
	color:#999;
	font-size:.2rem;
}
.welfare_details_con_middle{
	width:94%;
	margin:0 auto;
	padding-top:.34rem;
	padding-bottom:.62rem;
	line-height:.42rem;
	border-bottom:0.5px dashed #E8E8E8;
}
.welfare_details_con .welfare_details_con_middle img{
	width:100%;
	padding-bottom: 15px;
}
.welfare_details_con_bottom{
	width:94%;
	margin:0 auto;
	padding-top:.45rem;
    padding-bottom: 1.5rem;
}
.welfare_details_con_bottom h2{
	color:#111;
	font-size:.30rem;
	font-weight:700;
	padding-bottom:.27rem;
}
.welfare_details_con_bottom p{
	color:#999;
	font-size:.24rem;
	padding-bottom:.26rem;
}
.welfare_details_con_bottom em{
	color:#111;
}
.welfare_details_con_bottom span{
	font-size:.24rem;
	color:#111;
	line-height:.45rem;
}
.welfare_details_con_button{
    text-align: center;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
    z-index: 999;
    max-width: 768px;
    background: #fff;
}
.welfare_details_con_button a{
	background:#3984FF;
	width:90%;
	margin:0 auto;
	height:.78rem;
	line-height:.78rem;
	color:#fff;
	font-size:.34rem;
	border-radius:.39rem;
	display:inline-block;
	margin-top:.21rem;
	margin-bottom:.21rem;
}
.welfare_details_con_button a:hover{
	color:#fff;
}

.f1_bott{
	padding-top:0;
	-webkit-animation: fadeInLeft 1s .2s ease both;
}
.mFloor1_top2{
  width: 6.46rem;
  height: 2.27rem;
  background: url(../images/app_money.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  margin-top: 30px;
  -webkit-animation:fadeInLeft 1s .2s ease both;
  -moz-animation:fadeInLeft 1s .2s ease both;
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.mFloor1_mid2{
	width: 6.82rem;
  height: 7.69rem;
  background: url(../images/app_pho.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  margin-top: .2rem;
  -webkit-animation:fadeInRight 1s .2s ease both;
  -moz-animation:fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}


.mapp_floor3{
  width: 100%;
  height: 12.6rem;
  background: url(../images/app_bg_moddile.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding-top: .2rem;
}
.mobile_app{
	width:100%;
	height:auto;
	background:#fff;
	display: inline-block;
    position: relative;
	padding-bottom:20px;
}
.mobile_app2{
	width:100%;
	height:auto;
	background:#F6FBFF;
	display: inline-block;
    position: relative;
	padding-bottom:20px;
}
.mobile_app_bg{
    width: 6.82rem;
    height: 356px;
    background: url(../images/app_bgimg.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
    margin-top: 80px;
    text-align: center;
	position: relative;
    animation: ai-banner-float2 6s linear infinite;
}
.mobile_app_bg .ani_point{
    position: absolute;
    right: 62px;
    top: 63px;
}	
.mobile_app_bg2 .ani_point{
    position: absolute;
    left: 57px;
    top: 61px;
}	
.ani_point {
	width: 8px;
	height: 8px;
	background: rgba(44,104,255,.5);
	border-radius: 100px;
	position: absolute;
	right: 110px;
	top: 104px;
}
.ani_point::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 4px;
	transform: translate(-50%,-50%);
	width: 100px;
	height: 100px;
	transform-origin: center center;
	border-radius: 500px;
	border: 1px solid #2c68ff;
	-webkit-animation: scale-out 1.5s linear infinite;
	animation: scale-out 1.5s linear infinite;
}
@-webkit-keyframes scale-out{0%{transform:translate(-50%,-50%) scale(0);border-color:#2c68ff}70%{transform:translate(-50%,-50%) scale(.7);border-color:rgba(44,104,255,.8)}to{transform:translate(-50%,-50%) scale(1);border-color:rgba(44,104,255,0)}}
.floor_wrap_img{
	width: 4.2rem;
    height: 7.69rem;
    background: url(../images/app_images1.png) no-repeat;
    background-size: 100% 7.69rem;
    margin: 0 auto;
    margin-top: 52px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
}
.floor_wrap_img img{
	position: absolute;
    right: 0;
    top: 172px;
    left: -45px;
    width: 6.0rem;
}
.floor_wrap_img span {
    position: absolute;
    top: 220px;
    right: -10px;
    color: #FF4C4C;
    font-size: .3rem;
    font-weight: 700;
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}
.mapp_floor2_text {
    margin-top: .3rem;
	text-align: center;
}
.mapp_floor2_text h3 {
    font-size: .46rem;
    font-weight: 700;
    color: #111;
    margin-bottom: .3rem;
}
.mapp_floor2_text p {
    font-size: .28rem;
    color: #666;
    margin-bottom: .2rem;
}
.mobile_app_bg2 {
    width: 6.82rem;
    height: 356px;
    background: url(../images/app_bgimg2.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
    margin-top: 80px;
    text-align: center;
    position: relative;
	animation: ai-banner-float2 6s linear infinite;
}
@keyframes ai-banner-float2{0%{transform:translate3d(15px,-12px,0)}50%{transform:translateZ(0)}to{transform:translate3d(15px,-12px,0)}}

.floor_wrap_img2 {
    width: 4.2rem;
    height: 7.69rem;
    background: url(../images/app_images2.png) no-repeat;
    background-size: 100% 7.69rem;
    margin: 0 auto;
    margin-top: 52px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
}
.floor_wrap_img2 img{
    position: absolute;
    right: 0;
    top: 67px;
    left: -45px;
    width: 6.0rem;
}
.floor_wrap_img3 {
    width: 4.2rem;
    height: 7.69rem;
    background: url(../images/app_images3.png) no-repeat;
    background-size: 100% 7.69rem;
    margin: 0 auto;
    margin-top: 52px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
}
.floor_wrap_img4 {
    width: 4.2rem;
    height: 7.69rem;
    background: url(../images/app_images4.png) no-repeat;
    background-size: 100% 7.69rem;
    margin: 0 auto;
    margin-top: 52px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
}
.floor_wrap_img4 img{
    position: absolute;
    right: 0;
    top: 42px;
    left: 97px;
}
.tfloor_bott a{
	text-align: center;
    color: #999;
    line-height: 25px;
}

.platform_whole{
	width: 100%;
    height: 22.7rem;
	background: url(../images/platform_bg.jpg) no-repeat;
	background-color: #2900b6;
	background-size: 100% 22.41rem;
	padding-top: 1.18rem;
	box-sizing: border-box;
}
.platform_top{
	height:1.18rem;
	width:100%;
	background:#210B64;
	position: fixed;
    top: 0;
	z-index: 99;
	max-width: 768px;
	
}
.platform_top_left{
	width:75%;
	height:100%;
	float:left;
}
.platform_top_left img{
	width:.88rem;
	height:.88rem;
	margin-left:.24rem;
	margin-top:.14rem;
	float:left;
}
.platform_top_left_con{
	float: left;
    width: 70%;
	margin:.20rem 0 .20rem .20rem ;
}
.platform_top_left_con h2{
	color:#fff;
	width:100%;
	font-size:.3rem;
	font-weight:700;
	margin-bottom:.15rem;
}
.appBox_span {
	display: flex;
	height: .30rem;
	align-items: center;
	line-height: .3rem;
}
.platform_top_left_con span{
	color:#08FFFB;
	border:1px solid #08FFFB;
	border-radius:.04rem;
	font-size:.2rem;
	height: 100%;
	padding: .01rem .06rem;
	margin-right: .1rem;
}
.platform_top_right{
	width:25%;
	float:left;
	text-align:center;
}
.platform_top_right a{
	width:1.10rem;
	height:.56rem;
	line-height:.56rem;
	text-align:center;
	color:#fff;
	font-size:.30rem;
	font-weight:700;
	background:#ff9d19;
	border-radius:.04rem;
	display:inline-block;
	margin-top:.31rem;
}
.platform_top_right a:hover{
	color:#fff;
}

.platform_upper{
	width:100%;
	height:auto;
}
.platform_upper_img1{
	width:100%;
	margin-top:.48rem;
	margin-bottom:.27rem;
	text-align: center;
}
.platform_upper_img1 img{
	width:6.34rem;
	height:.88rem;
}
.platform_upper_img2{
    text-align: center;
}
.platform_upper_img2 img{
	width:6.63rem;
	height:1.22rem;
}
.platform_middle{
	width:100%;
	height:7.65rem;
	background: url(../images/platform_middle_img.png) no-repeat;
    background-size: 100% 7.65rem;
	position: relative;
    top: .3rem;
}
.platform_logo{
    width: 2.53rem;
    height: 2.53rem;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 2.4rem;
}
.platform_logo1{
	width: 1.23rem;
    height: 1.39rem;
    position: absolute;
    top: .65rem;
	left: .55rem;
	animation: left 4.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo2{
    width: .88rem;
    height: .76rem;
    position: absolute;
    left: 2.3rem;
	top: .1rem;
	transform: scale(0.7);
    animation: middle 4s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo3{
	width: .88rem;
    height: 1.11rem;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
	top: .-4rem;
	animation: middle3 3.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo4{
	width: .73rem;
    height: .70rem;
	position: absolute;
	right:1.83rem;
	top:.4rem;
	animation: middle4 3.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo5{
	width: 1.28rem;
    height: 1.46rem;
	position: absolute;
	right:.45rem;
	top:.4rem;
	animation: conin-right 4.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo6{
    width: .69rem;
    height: .75rem;
    position: absolute;
    left: 1.55rem;
	top: 2.38rem;
	opacity: 0;
	animation: left2 4s 0.2s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo7{
	width: .70rem;
    height: .88rem;
	position: absolute;
	left:2.53rem;
	top:1.58rem;
	animation: middle4 3.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo8{
    width: .66rem;
    height: .77rem;
    position: absolute;
    right: 2.83rem;
	top: 1.98rem;
	animation: middle5 3.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo9{
    width: .76rem;
    height: .81rem;
    position: absolute;
    right: 1.49rem;
	top: 2.38rem;
	animation: conin-right 4.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
.platform_logo10{
	width: .69rem;
	height: .69rem;
	position: absolute;
	right: 2.64rem;
	top: 2.52rem;
	animation: starFade 2.5s 0s cubic-bezier(0.02, 0.5, 0.94, 0.47) infinite;
}
@keyframes left {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(-40px) translateY(-80px);
        opacity: 0;
    }
}
@keyframes left2 {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(-30px) translateY(-50px);
        opacity: 0;
    }
}

@keyframes game-left {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(-80px) translateY(-40px);
        opacity: 0;
    }
}

@keyframes middle {
    0% {
        transform: translateX(0) translateY(20px);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(-28px) translateY(-30px);
        opacity: 0;
    }
}
@keyframes middle3 {
    0% {
        transform: translateX(0) translateY(30px);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(0) translateY(-30px);
        opacity: 0;
    }
}
@keyframes middle4 {
    0% {
        transform: translateX(0) translateY(30px);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(0) translateY(-30px);
        opacity: 0;
    }
}
@keyframes middle5 {
    0% {
        transform: translateX(0) translateY(0px);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(0) translateY(-50px);
        opacity: 0;
    }
}

@keyframes yellow-right {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(120px) translateY(-120px);
        opacity: 0;
    }
}

@keyframes violet-right {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(10px) translateY(-120px);
        opacity: 0;
    }
}

@keyframes conin-right {
    0% {
        transform: translateX(0) translateY(20px);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(30px) translateY(-50px);
        opacity: 0;
    }
}

@keyframes right {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(80px) translateY(-120px);
        opacity: 0;
    }
}

@keyframes starFade {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    20% {
        opacity: 1;
        transform: scale(1);
    }
    40% {
        opacity: 0;
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        transform: scale(1);
    }
    80% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.platform_lower{
	width:94%;
	height:10.37rem;
	margin:0 auto;
	background: linear-gradient(-84deg, #059DFF 0%, #006DFF 100%);
	border-radius: 10px;
	position: relative;
    top: -44px;
    text-align: center;
}
.lower_logo{
    width: 3.69rem;
    height: .93rem;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    top: -.2rem;
}
.platform_lower_middle{
	width:90%;
	height:7.95rem;
    background: linear-gradient(0deg, #0281FF 0%, #0023ed 100%);
	border-radius: 10px;
	margin:0 auto;
    position: relative;
    top: .91rem;
    overflow: hidden;
}
.platform_lower_middle h2{
	color:#FFB43D;
	font-size:.46rem;
	font-weight:700;
	margin-top:.40rem;
}
.platform_lower_middle p{
	font-size:.28rem;
	color:#fff;
	margin-top:.22rem;
	font-weight:700;
}
.platform_bottom{
	width: 95%;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: .41rem;
	
}
.platform_bottom a{
	width:100%;
	height:.78rem;
	line-height:.78rem;
	color:#fff;
	font-size:.36rem;
	background:#FFB43D;
	border-radius:.10rem;
	display:inline-block;
	text-align:ceter;
}
.platform_bottom a:hover{
	color:#fff;
}
.platform_lower_middle img {
    width: 5.62rem;
    height: 7.95rem;
}
.appBox_bottom {
	width: 100%;
	color: #abaccc;
	text-align: center;	
	position: absolute;
	bottom: -1.3rem;
}
.appBox_bottom p{
	font-size: .18rem;
	margin-bottom: .08rem;
}
.appBox_bottom p a{
	color: #abaccc;
}

.integration{
	width:100%;
	background:#D31D1C;
	padding-bottom: .44rem;
    position: relative;
}
.integration_img{
	width: 100%;
	height: auto;
	position: relative;
}
.integration_share{
	display: inline-block;
	position: absolute;
	top: .37rem;
	right: .32rem;
	width: .64rem !important;
	height: .64rem !important;
}
.integration_share img{
	width: .64rem;
	height: .64rem;
}
.integration_top{
	width: 90%;
	height: auto;
	background: url(../images/inte_bg.png) no-repeat;
	background-size: 100% 100%;
	border-radius: .2rem;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
}
.integration_top a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.inte_topimg3{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top: .48rem;
}
.inte_topimg2{
	width: 84%;
	height: auto;
	margin: 0 auto;
	margin-top: .31rem;
}
.inte_butimg1{
	width:94%;
	height: auto;
	margin: 0 auto;
	margin-top: .3rem;
	animation: breathe 1.1s infinite;
}
@keyframes breathe{
  0%{ transform: scale(.99); }
  50%{ transform: scale(1.03); }
  100%{ transform: scale(.99); }
}
.activity_rule{
	width: 90%;
	margin: 0 auto;
	margin-top: .55rem;
}
.activity_rule h2{
	color: #FFDB9B;
	font-size: .38rem;
	margin-top: .55rem;
	margin-bottom: .27rem;
}
.activity_rule p{
	color: #FFDB9B;
	font-size: .24rem;
	line-height: .44rem;
}
.integration_but{
	margin-top: .67rem;
	text-align: center;
}
.integration_but p{
	color: #FFDB9B;
	font-size: .2rem;
}
.tab_switch{
	width: 90%;
	height: auto;
	background: url(../images/inte_bg2.png) no-repeat;
	background-size: 100% 100%;
	border-radius: .2rem;
	margin: 0 auto;
	margin-top: .68rem;
	text-align: center;
}
.tab_switch_t{
	width: 90%;
	margin: 0 auto;
}
.tab_switch_t img{
	width: 100%;
	margin-top: .49rem;
}
.tab_switch_top {
	width: 80%;
	display: inline-block;
	margin-top: .55rem;
}
.tab_switch_top span{
	display: inline-block;
	float: left;
	width: 40%;
	height: .55rem;
	line-height: .55rem;
	font-size: .28rem;
	color: #FFFFFF;
	background: url(../images/inte_tabimg1.png) no-repeat;
	background-size: 100% .55rem;
	margin: 0 5%;
}
.tab_switch_top .active{
	background: url(../images/inte_tabimg2.png) no-repeat;
	background-size: 100% .55rem;
	width: 40%;
	height: .55rem;
	color: #FFC788;
}
.tab_switchContent{
	margin-top: .25rem;
}
.tab_switch_game{
	width: 100%;
	height: auto;
}

.tab_switch_game li{
	width: 25%;
	float: left;
	text-align: center;
	display: inherit;
	position: relative;
    margin-top: .33rem;
}
.tab_switch_game a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.tab_switch_game img{
	width: 1.0rem;
	height: 1.0rem;
	border-radius: .12rem;
	margin-bottom: .13rem;
	position: relative;
}
.tab_switch_game h2{
	color: #333333;
	font-size: .2rem;
	display: inline-block;
	width:94%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	padding: 1px 0;
	margin: 0 auto;
}
.tab_switch_game span{
	color: #E6412D;
    font-size: .2rem;
    margin-top: .06rem;
    display: inline-block;
    width: 94%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
	padding-top: 2px;
}
.tab_switch_game em{
	position: absolute;
	top: -8px;
	left: 10px;
	font-size: .2rem;
	padding: .05rem;
	background: #FF461E;
	color: #FFFFFF;
	border-radius: .02rem;
}
.collect_vouchers{
	width: 100%;
	height: auto;
	margin-top: .1rem;
	padding-bottom: .2rem;
}
.collect_vouchers a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.collect_vouchers img{
	width: 90%;
	margin: 0 auto;
	animation: breathe 1.1s infinite;
}
@keyframes breathe{
  0%{ transform: scale(.99); }
  50%{ transform: scale(1.03); }
  100%{ transform: scale(.99); }
}



.notice{
	width:100%;
	height:auto;
	background:#fff;
	padding-bottom: 30px;
}
.notice_top{
	width:100%;
	height:2.95rem;
	background:#3984FF;
	text-align:center;
}
.notice_top img{
	width:3.44rem;
	margin-top:.74rem;
	margin-bottom:.45rem;
	
}
.notice_top p{
	width:85%;
	margin:0 auto;
	text-align:center;
	font-size:.28rem;
	color:#fff;
	line-height:.50rem;
}
.notice_content{
	width:92%;
	margin:0 auto;
}
.notice_content_top{
	margin-bottom:.1rem;
}
.notice_content_top h2{
	margin-top:.48rem;
	color:#111;
	font-size:.32rem;
	font-weight:700;
	margin-bottom:.34rem;
}
.notice_content_top img{
	width:100%;
}
.buy_number {
    margin-top: .42rem;
}
.buy_number span {
    width: .36rem;
    height: .36rem;
	line-height: .36rem;
    display: inline-block;
    background: #3984FF;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    vertical-align: top;
    margin-top: .1rem;
}
.buy_number p {
    display: inline-block;
    width: 90%;
    padding-left:.2rem;
    line-height: .4rem;
	color:#666;
	font-size:.24rem;
}

.turn_welfare{
	width:100%;
	height:auto;
	margin-top:.48rem;
	display: inline-block;
}
.turn_welfare_con{
	width:94%;
	margin:0 auto;
	border-bottom:1px solid #eee;
	display: flex;
	padding-bottom: .35rem;
}
.turn_welfare_logo{
	width:1.3rem;
	height:1.3rem;
	border-radius:.2rem;
	float:left;
}
.turn_welfare_con_r{
	flex:1;
	margin-left:.22rem;
}
.turn_welfare_con_r_tit{
	width:75%;
	float:left;
}
.turn_welfare_con_r_tit h2{
	font-size:.28rem;
	color:#111;
	font-weight:700;
	margin-bottom:.15rem;
}
.turn_welfare_con_r_tit span{
	color: #999;
    font-size: .20rem;
    margin-bottom: .13rem;
    display: inline-block;
	width:100%;
}
.turn_welfare_con_r_tit em{
	font-size:.20rem;
	color:#7B7F8F;
	padding:.05rem .07rem;
	background:#F3F4F8;
	margin-right:.07rem;
}
.turn_welfare_con_r_tit .turn_highlight{
    background: linear-gradient(120deg, #FF4C4C, #E62727);
    color: #fff;
    border-radius: .06rem;
}
.turn_welfare_con_download{
	float:right;
}
.turn_welfare_con_download h2{
	font-size:.32rem;
	font-weight:700;
	color:#FF4C4C;
}
.turn_welfare_con_download em{
	font-size:.2rem;
	font-weight:400;
}
.turn_welfare_con_download a{
	width:.84rem;
	height:.42rem;
	border:1px solid #3984FF;
	color:#3984FF;
	display:inline-block;
	text-align:center;
	line-height:.42rem;
	border-radius:50%;
	border-radius: 100px;
	margin-top: .4rem;
}
.turn_welfare_title{
	width:94%;
	margin:0 auto;
	margin-top:.48rem;
	padding-bottom: 1.8rem;
}
.turn_welfare_title h2{
	color:#111 !important;
	font-size:.36rem;
	font-weight:700;
	margin-bottom:.26rem;
}
.turn_welfare_title span{
	color:#999;
	font-size:.20rem;
}
.turn_welfare_title p{
	font-size:.24rem;
	color:#666;
	line-height:.4rem;
	padding-bottom:.3rem;
	white-space: normal;
	word-break: break-all;
}
.turn_buttom{
	width: 100%;
    height: 1.2rem;
	background:#fff;
    position: fixed;
    bottom: 0;
    z-index: 999;
    max-width: 768px;
	text-align: center;
	border-top:1px solid #eee;
}
.turn_buttom a{
	width:86%;
	margin:0 auto;
	background:#3984FF;
	height:.78rem;
	line-height:.78rem;
	color:#fff;
	display:inline-block;
	text-align:center;
	margin-top:.21rem;
	border-radius:100px;
}
.turn_buttom a:hover{
	color:#fff;
}
.turn_buttom .turn_examine{
	background:#F7FAFF;
	color:#3984FF;
}
.turn_buttom .turn_examine:hover{
	color:#3984FF;
}

.installation_inquiry{
	display:none;
	width:80%;
	height:auto;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;

}
.installation_inquiry h2{
	color:#111;
	font-size:.34rem;
	font-weight:700;
	margin-top:.38rem;
	margin-bottom:.48rem;
}
.installation_inquiry p{
	color:#666;
	font-size:.28rem;
	line-height:.42rem;
	margin-bottom:.37rem;
}
.installation_inquiry_button{
	height:.94rem;
	line-height:.94rem;
	border-top:1px solid #eee;
}
.installation_inquiry_button a{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:.32rem;
	color:#111;
}
.installation_inquiry_button a:hover{
	color:#111;
}
.turn_swim{
    width: 94%;
    margin: 0 auto;
    background: #fff;
    border-radius: .16rem;
    height: auto;
    margin-top: .16rem;
    text-align: center;
}
.turn_swim_con{
    width: 94%;
    display: inline-block;
    height: auto;
    padding-bottom: .47rem;
    margin: 0 auto;
}
.turn_swim_con_title{
    font-size: .24rem;
    color: #999;
    margin-top: .24rem;
    margin-bottom: .32rem;
    display: inline-block;
    float: left;
    width: 100%;
    text-align: left;
}
.turn_swim_con_logo{
	width:100%;
	height:auto;
	display: inline-block;
}
.turn_swim_con_logo img{
	float:left;
	width:.56rem;
	height:.56rem;
	margin-right:.28rem;
}
.turn_swim_con_logo h2{
    font-size: .28rem;
    color: #111;
    margin-top: .1rem;
    float: left;
}
.turn_option{
	background: #F5F6F6;
    height: auto;
    margin: 0 auto;
    text-align: center;
	width: 100%;
    margin-top: .17rem;
    display: inline-block;
    padding-bottom: .1rem;
}
.turn_option_con_game h2{
	font-size:.24rem;
	color:#111;
	float:left;
	margin-left:.24rem;
}
.turn_option_con_game{
    margin-top: .2rem;
    display: inline-block;
    width: 100%;
}
.turn_option_con_game em{
	color:#999;
}
.turn_option_con_game span{
	width:.28rem;
	height:.28rem;
	background: url(../images/turn_gou1.png) no-repeat;
	margin-right:.31rem;
	margin-top:.1rem;
	float:right;
	background-size:.28rem .28rem;
}
.turn_option .turn_select span{
	background: url(../images/turn_gou2.png) no-repeat;
	background-size:.28rem .28rem;
}
.turn_textarea{
}
.turn_textarea textarea{
    width: 100%;
    background: #F5F6F6;
    line-height: .28rem;
    resize: none;
    display: block;
    clear: both;
    height: 2.24rem;
    line-height: 28px;
    text-indent: 12px;
}

.turn_tips{
	width:90%;
	margin:0 auto;
	margin-top:.4rem;
}
.turn_tips img{
	float:left;
	width:.24rem;
	height:.24rem;
    margin-top: .1rem;
}
.turn_tips span{
	font-size:.20rem;
	color:#999;
	margin-left:.11rem;
	line-height: .28rem;
}
.turn_tips a{
	width:100%;
    margin: 0 auto;
    background: #3984FF;
    height: .78rem;
    line-height: .78rem;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-top: .35rem;
    border-radius: 100px;
	margin-bottom:.66rem;
}
.zyfl{
	font-size:12px;
	padding:1px;
    border: 1px solid #ff5726;
	color:#ff5726;
    position: absolute;
    right: -16px;
    top: 0;
    -moz-transform: rotate(-90deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(23deg);
}

/* 畅玩五一 */
.have_fun{
    width: 100%;
    height: 33.5rem;
    background: #fff;
}
.have_fun_bg{
	width: 100%;
	height: 12.2rem;
	background: url(../images/have_fun_bg.jpg) no-repeat;
	background-size: 100% 12.2rem;
	position: relative;
}
/* .have_time{
	position: absolute;
	width: 3.30rem;
	height: .55rem;
	background: url(../images/have_time.png) no-repeat;
	background-size: 3.30rem .55rem;
	left: 0;
	right: 0;
	margin: 0 auto;
} */
.section{
	width: 94%;
	margin: 0 auto;
}
.section_bg{
    width: 100%;
    height: 25.75rem;
    background: url(../images/have_fun_top.png) no-repeat;
    background-size: 100% 25.75rem;
    position: relative;
    top: -234px;
}
.have_fun_title1{
    position: relative;
    left: 0;
    right: 0;
    top: 2.2rem;
    margin: 0 auto;
    text-align: center;
}
.have_fun_title1_img{
	width: 2.89rem;
	height: .64rem;
}
.section_main{
    width: 80%;
    background: #fff;
    margin: auto;
    margin-top: .44rem;
    box-shadow: 0px 10px 18px 0px rgba(197, 40, 31, 0.14);
    border-radius: .10rem;
    padding-bottom: .27rem;
}
.section_main_cen{
	width: 94%;
	height: auto;
	display: inline-block;
    margin-top: .27rem;
}
.section_main_cen_frequency{
	width: 20%;
	float: left;
}
.section_main_cen_Icon{
    width: .90rem;
    height: 1.01rem;
	border-radius: .10rem;
    background: #F6F5FB;
	text-align: center;
	margin: 0 auto;
	margin-bottom: .11rem;
    overflow: hidden;
}
.section_main_cen_Icon button{
	background: none;
}
.section_main_cen_Icon h2{
	font-size: .20rem;
	margin-top: .11rem;
	color: #333;
}
.section_main_cen_Icon img{
	width: .4rem;
	height: .4rem;
    margin-top: .06rem;
}
.reach{
	-webkit-animation: two-up-down .8s ease infinite 80ms alternate;
	animation: two-up-down .8s ease infinite 80ms alternate;
	}
	@keyframes two-up-down{
	from{
		-webkit-transform:translate(0,4px);
		transform:translate(0,4px)
	}
	to{
		-webkit-transform:translate(0,-4px);
		transform:translate(0,-4px)
		}
}
.section_main_cen_Hig{
	background: #447BF9;
	width: .90rem;
	height: 1.01rem;
	border-radius: .10rem;
	text-align: center;
	margin: 0 auto;
	margin-bottom: .11rem;
	overflow: hidden;
}
.section_main_cen_Hig button{
	background: none;
}
.section_main_cen_Hig h2{
	font-size: .20rem;
	margin-top: .11rem;
	color: #fff;
}
.section_main_cen_Hig img{
	width: .48rem;
    margin-top: .06rem;
}
.have_sign{
	width: 100%;
	text-align: center;
}
.have_sign button{
	display: inline-block;
	width: 2.60rem;
    height: .65rem;
    line-height: .65rem;
    margin-top: .52rem;
	background: #447BF9;
	border-radius: 50px;
	color: #fff;
	animation: breathe 1.1s infinite;
}
@keyframes breathe{
  0%{ transform: scale(.99); }
  50%{ transform: scale(1.03); }
  100%{ transform: scale(.99); }
}
.have_sign a:hover{
	color: #fff;
}
.have_sign img{
	width: .27rem;
	height: .27rem;
	margin-right: .06rem;
	margin-top: -3px;
}
.have_rule{
    background: #F2F3FF;
    width: 94%;
    margin: auto;
    border-radius: .06rem;
    margin-top: .36rem;
	overflow: hidden;
	padding-bottom: .2rem;
}
.have_rule p{
	font-size: .24rem;
	text-align: left;
	margin-right: .29rem;
	margin-left: .29rem;
	margin-top: .22rem;
	color: #666;
}
.have_rule span{
	color: #180C0C;
}
.have_rule em{
	color: #C3251D;
}
.have_fun_title2 {
    position: relative;
    left: 0;
    right: 0;
    top: 3.2rem;
    margin: 0 auto;
    text-align: center;
}
.have_speed_progress{
	width: 94%;
	margin: auto;
	margin-top: .53rem;
}
.have_speed_progress span{
	width: 15%;
	height: .23rem;
	background: #E5E7FB;
	display: inline-block;
	float: left;
	margin-right: .05rem;
	border-radius: .06rem;
}
.section_main_cen .have_speed_progress_hig{
	background: #447BF9;
}
.section_main_cen_tl{
	margin-top: -3px;
	color: #180C0C;
}
.have_fun_title3{
	position: relative;
	left: 0;
	right: 0;
	top: 3.8rem;
	margin: 0 auto;
	text-align: center;
}
.have_invitation{
    float: left;
    width: 20%;
    display: inline-block;
	text-align: center;
}
.have_invitation button{
	display: inline-block;
	position: relative;
	background: none;
}
.have_invitation_img{
	width: 1.15rem;
	height: 1.14rem;
	border-radius: 50px;
	position: relative;
}
.have_invitation p{
	margin-top: .16rem;
	color: #31284F;
	font-size: .24rem;
}
.have_invitation_two{
    float: left;
    width: 20%;
    position: relative;
    top: .4rem;
}
.have_invitation_two img{
	width: .49rem;
	height: .13rem;
}
.have_fun_title4{
	position: relative;
	left: 0;
	right: 0;
	top: 4.5rem;
	margin: 0 auto;
	text-align: center;
}
.have_fun_title4 p{
	font-size: .24rem;
	color: #666;
	margin-bottom: .19rem;
}
.have_fun_title4 span{
	color: #C3251D;
	font-size: .24rem;
}
.have_invitation_lb{
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0px;
    width: .4rem;
    height: .4rem;
	-webkit-animation: two-up-down .8s ease infinite 80ms alternate;
	animation: two-up-down .8s ease infinite 80ms alternate;
	}
	@keyframes two-up-down{
	from{
		-webkit-transform:translate(0,4px);
		transform:translate(0,4px)
	}
	to{
		-webkit-transform:translate(0,-4px);
		transform:translate(0,-4px)
		}
	}
.section_main .hav_complete{
	background: #E5E7FB;
	color: #333;
	animation: none;
}
.have_inquiry{
	display: none;
	width: 80%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	border-radius: .4rem;
	position: relative;
	text-align: center;
}
.have_inquiry p {
    color: #31284F;
    font-size: .28rem;
    line-height: .42rem;
    margin-bottom: .37rem;
	padding-top: 30px;
}
.have_inquiry button{
	display: inline-block;
	width: 2.60rem;
	height: .65rem;
	line-height: .65rem;
	margin-top: .52rem;
	background: #447BF9;
	border-radius: 50px;
	color: #fff;
	margin-bottom: 30px;
}


/* 端午 */
.dragon_boat_festival {
    width: 100%;
    height: 23.5rem;
    background: #fff;
}
.dragon_boat_festival_bg{
	width: 100%;
	height: 8.1rem;
	background: url(../images/dragon_boat_festival_bg.jpg) no-repeat;
	background-size: 100% 8.1rem;
	position: relative;
}
.dragon_boat_festival_bg a{
    position: absolute;
    border: 1px solid #fff;
    right: .3rem;
    top: .3rem;
	padding: .1rem .18rem;
	border-radius: 50px;
	font-size: .28rem;
	color: #fff;
	background: linear-gradient(135deg, #00C4FB, #0265F9);
}
.dragon_boat_festival_bg a:hover{
	color: #fff;
}
.dragon_boat_festival_bg img{
	width: .36rem;
	height: .36rem;
	position: relative;
	top: -2px;
}
.dragon_boat_festival_content{
    width: 100%;
    height: auto;
    background: url(../images/dragon_boat_festival_bg2.jpg) no-repeat;
    background-size: 100% 100%;
}
.dragon_boat_festival_content_one{
	width: 92%;
	height: 6.17rem;
	background: url(../images/dbf_content_one.png) no-repeat;
	background-size: 100% 6.17rem;
	margin: 0 auto;
	position: relative;
	top: -82px;
	text-align: center;
}
.dragon_boat_festival_content_one2{
	width: 92%;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: -82px;
	text-align: center;
	margin-top: .6rem;
}
.dragon_boat_festival_content_footer{
	/* margin-bottom: .45rem; */
	text-align: center;
	position: relative;
	top: -36px;
	color: #295A57;
}
.dragon_boat_festival_content_footer div{
	position: relative;
	display: inline-block;
}
.dragon_boat_festival_content_footer div::after{
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #295A57;
	position: absolute;
	top: 50%;
	z-index: 10;
	right: -30px;
}
.dragon_boat_festival_content_footer div::before{
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #295A57;
	position: absolute;
	top: 50%;
	z-index: 10;
	left: -30px;
}
.img_one1{
    width: 5.69rem;
    height: .5rem;
    margin: 0 auto;
    text-align: center;
	margin-top: .32rem;
}
.dragon_boat_festival .reward_open{
	width: 60%;
	text-align: center;
	display: flex;
} 
.reward{
	width: 94%;
	margin: 0 auto;
	display: inline-block;
}
.reward_content{
	width: 30%;
    float: left;
    height: 2.38rem;
    background: #fffbf4;
    border: 1px solid #d9c965;
    margin: 0 1.3%;
	margin-top: .58rem;
	border-radius: .06rem;
	flex: 1;
}
.reward_content1{
	width: 1.44rem;
	height: 1.08rem;
	margin-top: .5rem;
}
.reward_content2{
	width: 1.07rem;
	height: 1.21rem;
	margin-top: .38rem;
}
.reward_content span{
	color: #241700;
	font-size: .24rem;
	margin-top: 0.2rem;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.reward_content3{
	width: 30%;
	height: 2.38rem;
	background: url(../images/reward_content3.png) no-repeat;
	background-size: 100% 2.38rem;
}
.receive_reward{
	width: 100%;
}
.receive_reward a{
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #fff;
}
.receive_reward a:hover{
	color: #fff;
}
.receive_reward1{
	width: 4.03rem;
	height: .92rem;
	line-height: .92rem;
    background: url(../images/receive_reward1.png) no-repeat;
    background-size: 100% .92rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .55rem;
    text-align: center;
    margin: 0 auto;
	font-size: .32rem;
	color: #FFFFFF;
	font-weight: 700;
	-webkit-animation: two-up-down .8s ease infinite 80ms alternate;
	animation: two-up-down .8s ease infinite 80ms alternate;
	}
	@keyframes two-up-down{
	from{
		-webkit-transform:translate(0,4px);
		transform:translate(0,4px)
	}
	to{
		-webkit-transform:translate(0,-4px);
		transform:translate(0,-4px)
		}
	}
.receive_reward1 button{
	background: none;
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #fff;
}
.receive_reward2{
    width: 4.03rem;
    height: .92rem;
    line-height: .92rem;
    background: url(../images/receive_reward2.png) no-repeat;
    background-size: 100% .92rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .55rem;
    text-align: center;
    margin: 0 auto;
	font-size: .32rem;
	color: #FFFFFF;
	font-weight: 700;
	-webkit-animation: two-up-down .8s ease infinite 80ms alternate;
	animation: two-up-down .8s ease infinite 80ms alternate;
}
	@keyframes two-up-down{
	from{
		-webkit-transform:translate(0,4px);
		transform:translate(0,4px)
	}
	to{
		-webkit-transform:translate(0,-4px);
		transform:translate(0,-4px)
		}
	}
.discount{
	margin-top: .6rem;
	width: 92%;
	height: 5.27rem;
	background-size: 100% 5.27rem;
}
.dragon_boat_festival_content_one_main{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: .63rem;
}
.dragon_boat_festival_list{
	height: 1.6rem;
	width: 100%;
	border: 1px solid #D5C879;
	margin-bottom: .19rem;
	display: flex;
}
.dragon_boat_festival_list_left{
	float: left;
}
.dragon_boat_festival_list_left img{
    height: 1.5rem;
    width: 1.5rem;
    margin: .06rem;
}
.dragon_boat_festival_list_right{
	flex: 1;
}
.dragon_boat_festival_article{
	float: left;
	text-align: left;
	width: 62%;
}
.dragon_boat_festival_article h2{
	color: #2D2D2D;
	font-size: .26rem;
	margin-top: .11rem;
	margin-left: .18rem;
	width: 100%;
	font-weight: 700;
	/* overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.dragon_boat_festival_article p{
    color: #969696;
    font-size: .20rem;
    margin-left: .18rem;
    height: 0.98rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.dragon_boat_festival_article_l em{
	color: #EE3230;
	font-size: .20rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-top: .1rem;
}
.dragon_boat_festival_article_l{
    width: 35%;
    float: right;
    margin-right: 0%;
}
.dragon_boat_festival_article_l h2{
	font-size: .28rem;
	color: #EE3230;
	margin-top: .15rem;
	font-weight: 700;
}
.dragon_boat_festival_article_l span{
    width: 1.16rem;
    height: .44rem;
	line-height: .44rem;
    background: url(../images/festival_article1.png) no-repeat;
    background-size: 100% .44rem;
    display: inline-block;
	margin-top: .1rem;
	color: #fff;
	font-size: .20rem;
}
.dragon_boat_festival_list .purchase{
	background: url(../images/festival_article2.png) no-repeat;
	background-size: 100% .44rem;
}
.dragon_boat_rule{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	margin-top: .63rem;
}
.dragon_boat_rule p{
	line-height: .65rem;
	color: #295A57;
}
.dragon_boat_rule span{
	width: .36rem;
    height: .36rem;
    line-height: .36rem;
    background: url(../images/dragon_boat_rule.png) no-repeat;
    background-size: 100% .36rem;
    display: inline-block;
    margin-right: .08rem;
    position: relative;
    top: 0;
    color: #fff;
    right: 0;
    left: 0;
    text-align: center;
}
.super_signature_share_share2 {
    height: auto;
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 99999999;
    margin: 0 auto;
    right: 0;
    left: 0;
	max-width: 768px;
    border-radius: .2rem .2rem 0 0;
}
.super_signature_share_share3{
	min-height: 350px;
	max-height: 350px;
	height: auto;
	background: #fff;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 99999999;
	margin: 0 auto;
	right: 0;
	left: 0;
	max-width: 768px;
	border-radius: .2rem .2rem 0 0;
}
.super_signature_share_share_top2 {
	height: auto;
    overflow: hidden;
}
.super_signature_share_share_top2 h2 {
    text-align: left;
	width: 60%;
    margin-top: .50rem;
    color: #383D42;
    font-size: .32rem;
	font-weight: 700;
	float: left;
	margin-left: .29rem;
}
.super_signature_cancel2 {
    position: absolute;
    top: .30rem;
    right: .39rem;
    color: #999;
    font-size: .28rem;
}
.super_signature_share_share_top2 h3{
	width: 100%;
	margin-top: 1.08rem;
	text-align: center;
	color: #3160D1;
	font-size: .42rem;
	font-weight: 700;
}
.packPrice{
	color: #3160D1;
	font-size: .42rem !important;
	font-weight: 700;
}
.super_signature_share_share_top2 span{
	font-size: .18rem;
}
.payment_method{
	width: 100%;
	margin-top: .52rem;
	text-align: left;
}
.payment_method p{
	width: 100%;
	float: left;
	margin-left: .29rem;
	color: #383D42;
	font-size: .26rem;
	font-weight: 700;
}
.payment_balance{
    margin-top: .38rem;
    display: inline-block;
    width: 100%;
}
.payment_balance a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.payment_balance_ye{
	width: .36rem;
	height: .36rem;
	margin-left: .28rem;
	margin-right: .11rem;
	float: left;
	display: inline-block;
	position: relative;
}
.payment_balance h2{
	float: left;
	color: #383D42;
	font-size: .28rem;
}
.purchase_list:last-child{
	border-bottom:0;
}
.game_on:last-child{
	border-bottom:0;
}
.payment_balance em{
	color: #999;
	font-size: .28rem;
}
.payment_balance span{
	width: .38rem;
	height: .38rem;
	background: url(../images/turn_gou1.png) no-repeat;
	margin-right: .31rem;
	margin-top: .1rem;
	float: right;
	background-size: .38rem .38rem;
}
.super_signature_share_wholie .payment_balance_select{
	background: url(../images/turn_gou2.png) no-repeat;
	background-size: .38rem .38rem;
}
.confirm_payment{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: .32rem;
}
.confirm_payment_but{
	width: 3.51rem;
	height: .86rem;
	display: inline-block;
	text-align: center;
	line-height: .86rem;
	border-radius: .44rem;
	background: #3160D1;
	color:#fff;
	margin-bottom: .26rem;
}
.confirm_payment_but:hover{
	color: #fff;
}
.confirm_payment p{
	color: #666666;
	font-size: .24rem;
	padding-bottom: .2rem;
}
.confirm_payment p a{
	color: #3160D1;
}
.password_box{
	width: 100%;
	height: auto;
}
.password_box_con {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.password_box_con h2{
	color: #222222;
	font-weight: 700;
	font-size: .34rem;
	text-align: center;
	margin-top: 1.07rem;
	margin-bottom: .19rem;
}
.password_box_con p{
	color: #BABABA;
	font-size: .26rem;
	text-align: center;
	font-weight: 700;
}
.password_box input{
	width: 80%;
    margin: 0 auto;
    text-align: left;
    height: .80rem;
    line-height: .80rem;
    background: #f5f5f5;
    text-indent: .2rem;
	border-radius: .1rem;
	margin-top: .3rem;
	margin-bottom: .3rem;
}
.password_box_but{
	width: 100%;
	margin-top: .1rem;
	padding-bottom: .64rem;
}
.password_box_but button{
	width: 80%;
	height: .8rem;
	background: #3160D1;
	color: #fff;
	text-align: center;
	line-height: .8rem;
	border-radius: .1rem;
	display: inline-block;
}

.password_box_but a:hover{
	color: #FFF;
}

.receive{
	width: 100%;
	height: auto;
}
.receive_con {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.receive_con_top{
	width: 100%;	
	height: 3.28rem;
	display: inline-block;
	text-align: center;
	background: url(../images/receive_con_img.png) no-repeat;
	background-size: 100% 3.28rem;
	position: relative;
	top: -32px;
}
.receive_con h2{
	color: #333333;
	font-size: .32rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: .28rem;
}
.receive_con p{
	color: #333333;
	font-size: .24rem;
	margin-bottom: .49rem;
	text-align: center;
}
.receive_con button{
	width: 3.07rem;
	height: .84rem;
	line-height: .84rem;
	margin: 0 auto;
	background: #3160D1;
	text-align: center;
	display: inline-block;
	border-radius: 50px;
	margin-bottom: .24rem;
	color: #fff;
}
.receive_con a:hover{	
	color: #FFF;
}
.receive_con a{
	width: 100%;
	display: inline-block;
	color: #666666;
	font-size: .26rem;
	text-align: center;
	margin-bottom: .35rem;
}
.receive_con a:hover{
	color: #666666; 	
}
.install_problem{
	width: 100%;
	height: auto;
	text-align: center;
}
.install_problem a{
	color: #F4340E;
	text-decoration:underline;
}
.install_problem a:hover{
	color: #F4340E;
}
.install_problem_id{
	width: 100%;
	padding-bottom: .4rem;
	display: none;
	height: auto;
	margin: 0 auto;
	background: #fff;
}
.install_problem_id_title{
	width: 100%;
	padding: .4rem 0 .4rem 0;
	border-bottom: 1px solid #EEEEEE;
}
.install_problem_id_title h2{
	text-align: center;
	font-size: .32rem;
}
.install_problem_id_content{
	padding: 0 .4rem;
	height: 250px;
	overflow-x: hidden;
}
.install_problem_id_content p{
	padding: .3rem 0;
	font-size: .30rem;
	font-weight: 700;
}
.install_problem_id_content span{
	line-height: 0.38rem;
	font-size: .28rem;
	display: inline-block;
}



/* 中秋 */
.middle_autumn{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.middle_autumn_bg{
	width: 100%;
	height: 5.51rem;
	background: url(../images/middle_autumn1.jpg) no-repeat;
	background-size: 100% 5.51rem;
	position: relative;
}
.middle_autumn_article{
	width: 100%;
	height: 16.89rem;
	background: url(../images/middle_autumn2.jpg) no-repeat;
	background-size: 100% 16.89rem;
	position: relative;
	top: -0.1px;
}
.middle_autumn_nav{
	position: absolute;
	right: .33rem;
	top: .38rem;
}
.middle_autumn_nav a{
	width: auto;
	height: .44rem;
	line-height: .47rem;
	padding: 0 .28rem;
	text-align: center;
	color: #FFFFFF;
	font-size: .22rem;
	background: linear-gradient(116deg, #1786FD, #1E4DFC);
	display: inline-block;
	border-radius: .22rem;
	border: 1px solid #fff;
}
.middle_autumn_nav a:hover{
	color: #FFFFFF;
}
.middle_autumn_fate{
	width: 100%;
	height: auto;
	text-align: center;
}
.middle_autumn_fate_title{
	color: #FFFFFF;
	font-size: .26rem;
	font-weight: 700;
}
.middle_autumn_fate_title span{
	margin: 0 .2rem;
}
.middle_autumn_fate_title img{
	width: .91rem;
	height: .32rem;
}
.middle_autumn_aside{
	infinite 80ms alternate;
	 animation: two-up-down .8s ease infinite 80ms alternate;
}
.middle_autumn_aside img{
	width: 1.04rem;
	height: .98rem;
}

.aside_record a{
	width: 1.6rem;
	height: .5rem;
	line-height: .55rem;
	text-align: center;
	color: #fff;
	font-size: .2rem;
	background: linear-gradient(116deg, #1786FD, #1E4DFC);
	display: inline-block;
	border-radius: 0 .5rem .5rem 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-top: .40rem;
	border-right: 1px solid #fff;
}
.aside_record a:hover{
	color: #FFFFFF;
}
.aside_record_d{
	position: fixed;
	z-index: 99;
	top: 55%;
	left:0px;
}
.middle_shanDeng{
	height: 6.0rem;
	width: 80%;
	margin: 0 auto;
	margin-top: .22rem;
	background: #E5BC6B;
	border-radius: .2rem;
	overflow: hidden;

}
.middle_shanDeng_con{
	height: 5.25rem;
	background: linear-gradient(180deg,  #DDAF66, #E6BC6B);
	border-radius: .2rem;
	width: 94%;
	margin: 0 auto;	
	margin-top: .18rem;
}
.middle_shanDeng_bot{
	height: .47rem;
	line-height: .47rem;
	border-top: 1px dashed #5A3903;
	width: 94%;
	margin: 0 auto;
}
.middle_autumn_article .middle_shanDeng_bot span{
	line-height: .52rem;
    color: #5A3903;
    font-size: .20rem;
    font-weight: 700;
    position: static;
    height: auto;
    width: auto;
    background: none;
    top: 0;
    right: 33px;
    margin-right: 15px;
}
.middle_shanDeng_bot_vertical{
    width: .04rem;
    height: .21rem;
    background: #5A3903;
    display: inline-block;
    margin-top: .15rem;
    margin-right: .19rem;
    margin-left: .31rem;
    float: left;
}
.middle_shanDeng_bot i{
	margin-right: .2rem;
}
.middle_buy{
	width: 92%;
	margin: 0 auto;
	text-align: center;
	margin-top: .20rem;
}
.middle_buy a{
	width: 100%;
	display: inline-block;
}
.middle_buy img{
	width: 100%;
}
.lottery_rules{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: .24rem;
}
.lottery_rules_title{
	color: #FFFFFF;
	font-size: .33rem;
	font-weight: 700;
}
.lottery_rules_title img{
	width: .91rem;
	height: .32rem;
}
.lottery_rule_content{
	width: 94%;
	margin: 0 auto;
	border: 1px solid #FFCD5B;
	border-radius: .10rem;
	margin-top: .43rem;
}
.lottery_rule_content_size{
	width: 94%;
	margin: 0 auto;
	margin-top: .33rem;
}
.lottery_rule_content_size p{
	font-size: .24rem;
	color: #FFFFFF;
	line-height: .36rem;
	margin-bottom: .23rem;
	text-align: left;
}
.middle_log_gui{
	display:none;
	width:100%;
	height: auto;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
}
.middle_log_gui h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.lottery_gb{
	display: inline-block;
}
.lottery_gb img{
	position: absolute;
    width: .42rem;
    height: .42rem;
    right: .35rem;
    top: 0rem;
}
.lottery_gb2{
	display: inline-block;
}
.lottery_gb2 img{
	position: absolute;
    width: .42rem;
    height: .42rem;
    left: .35rem;
    top: .3rem;
}
.middle_log_gui_conter{
	width: 94%;
	margin: 0 auto;
}
.middle_log_gui_conter_box {
    background: #F6F5F8;
    margin-top: .3rem;
    border-radius: .06rem;
    height: .84rem;
	border: 1px solid #EEEEEE;
}
.middle_log_gui_conter_box input {
    width: 97%;
    height: .84rem;
    border-radius: .06rem;
    text-indent: .2rem;
	background: #F6F5F8;
}
.middle_log_gui_button{
	width: 94%;
	margin: 0 auto;
	margin-top: .70rem;
}
.middle_log_gui_button a{
	width: 100%;
	height: .84rem;
	line-height: .84rem;
	color: #fff;
	background: linear-gradient(116deg, #1786FD, #1E4DFC);	
	font-size: .36rem;
	font-weight: 700;
	display: inline-block;
	border-radius: .14rem;
	text-align: center;
}
.middle_log_gui_button a:hover{
	color: #FFFFFF;
}

.middle_log_gui_button button{
	width: 100%;
	height: .84rem;
	line-height: .84rem;
	color: #fff;
	background: linear-gradient(116deg, #1786FD, #1E4DFC);
	font-size: .36rem;
	font-weight: 700;
	display: inline-block;
	border-radius: .14rem;
	text-align: center;
}
.middle_pay2 h2 {
    text-align: center;
    /* width: 60%; */
    margin-top: .50rem;
    color: #222;
    font-size: .4rem;
    font-weight: 700;
    /* float: left; */
    margin-left: .29rem;
}
.middle_quantity{
	width: 94%;
	margin: 0 auto;
	border-bottom: 1px solid #EEEEEE;
	margin-top: .4rem;
}
.middle_quantity_strip{
    padding: .3rem 0;
    display: inline-block;
    width: 100%;
}
.middle_quantity_strip h2{
	color: #666666;
	font-size: .3rem;
	float: left;
}
.middle_quantity_strip span{
	float: right;
	color: #666666;
	font-size: .3rem;
	margin-top: .03rem;
}
.middle_quantity_strip_r{
	width: 50%;
	float: right;
	text-align: right;
}
.middle_quantity_strip_r .min{
	background: #FFFFFF;
}
.middle_quantity_strip_r .input_box{
	width: .78rem;
	height: .36rem;
	background: #EEEEEE;
	text-align: center;
}
.middle_quantity_strip_r .add{
	background: #FFFFFF;
}
.middle_confirm{
	width: 94%;
	margin: 0 auto;
	margin-top: .84rem;
	margin-bottom: .3rem;
}
.middle_confirm button{
	width: 100%;
	height: 1.06rem;
	background: #1E4DFC;
	color: #fff;
	text-align: center;
	line-height: 1.06rem;
	font-size: .32rem;
	display: inline-block;
}
.middle_confirm a:hover{
	color: #FFFFFF;
}

.winning_record{
    display: none; /* 默认隐藏 */
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    animation-name: fadeIn;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.4s;
    animation-duration: 0.4s
}

/* 添加动画 */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
} 
.winning_record_con{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.winning_record_con_title {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto;
}
.winning_record_con_title span {
    width: 50%;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    display: block;
    float: left;
    color: #000;
	background: #FDF7F2;
	font-size:.3rem;
}
.winning_record_con_title span.active i {
	color: #000000;
	width: 100%;
	display: inline-block;
	background: #fff;
	height: .95rem;
	line-height: .95rem;
	position: relative;
	top: -.16rem;
	font-size: .34rem;
	font-weight: 700;
	border-radius: .2rem .2rem 0 0;
}
.winning_record_con_list{
	height: 1.23rem;
	width: 92%;
	margin: 0 auto;
	border-bottom: 1px solid #E6E6E6;
}
.winning_record_con_list_top{
	width: 100%;
	height: auto;
	margin-top: .30rem;
	margin-bottom: .19rem;
}
.winning_time{
	font-size: .28rem;
	color: #1E4DFC;
	margin-right: .3rem;
}
.winning_year{
	font-size: .28rem;
	color: #aaa;
}
.winning_number{
	font-size: .20rem;
	color: #000000;
	background: #E6E6E6;
	padding: .08rem .11rem;
	float: right;
	border-radius: .10rem;
}
.winning_record_con_list h2{
	color: #000000;
	font-size: .32rem;
	font-weight: 700;
	width: 100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.lottery_record{
	width: 94%;
	margin: 0 auto;
	height: .98rem;
	border-bottom: 1px dashed #E6E6E6;
}
.lottery_record span{
	width: 50%;
	display: inline-block;
	float: left;
	text-align: center;
	color: #444444;
	font-size: .28rem;
	height: .98rem;
	line-height: .98rem;
}
.lottery_record_list{
	width: 100%;
	
}
.lottery_record_list_content{
	width: 94%;
	margin: 0 auto;
	height: .6rem;
	line-height: .62rem;
	border-bottom: 1px dashed #E6E6E6;
}
.lottery_record_list_content span{
	width: 50%;
	float: left;
	text-align: center;
	color: #AAAAAA;
}
.lottery_record_list .lottery_integration{
	color: #1E4DFC;
}
.lottery_record_list_content em{
	margin-left: .2rem;
}

.lottery_interlinkage{
	display:none;
	width:100%;
	height: 5.0rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
}
.lottery_interlinkage_con{
	width: 100%;
	height: auto;
	text-align: center;
}
.lottery_interlinkage_con img{
	width: .79rem;
	height: .79rem;
	margin-top: .72rem;
	margin-bottom: .58rem;
}
.lottery_interlinkage_con h2{
	font-size: .32rem;
	color: #343434;
	margin-bottom: .24rem;
	font-weight: 700;
}
.lottery_interlinkage_con p{
	color: #959595;
	font-size: .24rem;
	margin-bottom: .34rem;
}
.lottery_interlinkage_con button{
	width: 3.64rem;
	height: .83rem;
	line-height: .83rem;
	text-align: center;
	background: #1E4DFC;
	display: inline-block;
	border-radius: .16rem;
	font-size: .32rem;
	font-weight: 700;
	color: #FFFFFF;
}
.copy-text{ opacity: 0;}



.cj_wrap{
	width:100%;
	margin:0 auto;
}
.cj_bg{
	width:748px;
	height:748px;
	background:#d80017;
	margin:0 auto;
	border-radius:18px;
	border:58px solid #fe4236;
	position:relative;
	top:490px;
	
}
.shanDeng,.shanDeng2{
	background-size: 100%;
	background-repeat: no-repeat;

	
}
.my_integ{
	width:100%;
	text-align:center;
	text-align:center;
	position:relative;
	top:-214px;
}
.my_integ p{
	padding:14px;
	width:320px;
	background:#170455;
	border-radius:36px;
	font-size:34px;
	color:#fff;
	margin:0 auto;
	
}
.my_integ h3{
	font-size:34px;
	line-height:10px;
	color:#170455;
}
#btn .cjBtnDom,#btn .cjBtn,.shanDeng .active,.shanDeng td{
    width: 1.6rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
	position: relative;
}

#btn.cjBtn{
	background-image: url(../images/buttonUp.png);
}
#btn.cjBtnDom{
	background-image: url(../images/buttonDown.png);
}

#th_btn.cjBtn{
	background-image: url(../images/th_buttonUp.png);
}
#th_btn.cjBtnDom{
	background-image: url(../images/th_buttonDown.png);
}
#luck .active{
	background-image: url(../images/active.png);
}
.shanDeng td{
	text-align: center;
	background-image: url(../images/proBj.png);
}
.shanDeng table{
}
.active_rule{
	width:100%;
	position:relative;
	top:78px;
	background:#fe4236;
	border-radius:36px;
	height:60px;
	text-align:left !important;
	
	
}
.integ_lb{
	height: 60px;
    overflow: hidden;
    line-height: 60px;
	width:70%;
}
.active_rule .integ_lb{
	display:inline-block;
	font-size:30px;
	text-align:left;
	color:#fff;
	height:60px;
	line-height:60px;
	margin-top:0;
	margin-left:44px;
	overflow:hidden;
}
.integ_exc{
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.integ_lb p{
	height:60px;
	line-height:60px;
	font-size:32px;	
    position: relative;
}
.integ_lb p i{
	margin-right:20px;
	font-style:normal;
}
.active_rule a{
	font-size:30px;
	height:60px;
	line-height:60px;
	display:inline-block;
	margin-right:44px;
	text-align:center;
	text-decoration:none;
	float:right;
	color:#fff;
}
.th_acts{
	position:relative;
	top:510px;
	width:100%;
	text-align:center;
}
.th_act{
	position:relative;
	top:610px;
	width:100%;
	text-align:center;
}
.th_main img{
	margin-bottom:40px;
	position:absolute;
	left:50%;
	margin-left:-44%;
	margin-top:30px;
	
}
.alert_box{
	width:100%;
	height:100%;
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.7);
	-webkit-animation:fadeIn 0.5s .1s ease both;
	-moz-animation:fadeIn 0.5s .1s ease both;
	display:none;
    margin: 0 auto;	
	overflow: hidden;
}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.ovfHiden{height: 100%;overflow:hidden}
.rule_text{
    width: 92%;
    height: 80%;
    max-width: 980px;
    background: url(../images/rule_text.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 10%;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: .2rem;
    -webkit-animation: bounceIn 0.6s .2s ease both;
    -moz-animation: bounceIn 0.6s .2s ease both;
    z-index: 999;
	
}
.point_out{
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	margin: 0 auto;
	top: 46%;
}
.point_out p{
	color: #f9e9b8;
}
@-webkit-keyframes bounceIn{
	0%{opacity:0;
	-webkit-transform:scale(.3)}
	50%{opacity:1;
	-webkit-transform:scale(1.05)}
	70%{-webkit-transform:scale(.9)}
	100%{-webkit-transform:scale(1)}
	}
	@-moz-keyframes bounceIn{
	0%{opacity:0;
	-moz-transform:scale(.3)}
	50%{opacity:1;
	-moz-transform:scale(1.05)}
	70%{-moz-transform:scale(.9)}
	100%{-moz-transform:scale(1)}
}
.rule_img{
    width: 1.64rem;
    height: 1.64rem;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.rule_img img{
	width: 1.64rem;
	height: 1.64rem;
}
.rule_img span{
    width: 1.58rem;
    height: .53rem;
    line-height: .46rem;
    background: url(../images/middle_img3.png) no-repeat;
    background-size: 1.58rem .53rem;
    position: absolute;
    top: 1.21rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #41140C;
    font-size: .2rem;
}
.rule_h3{
	font-size:.4rem;
	font-weight:700;
	text-align:center;
	margin:.4rem 0 .3rem;
	text-align:center;
}
.rule_Ptext{
	font-size:.4rem;
	height:66%;
	line-height:.56rem;
	width:94%;
	margin:0 auto;
	
}
.rule_know{
	width:100%;
	text-align:center;
	margin-top:.2rem;
}
.rule_know a{
    width: 40%;
    height: 1.0rem;
    line-height: 1.0rem;
    background: #30b8ff;
    color: #fff;
    font-size: .4rem;
    text-align: center;
    border-radius: .2rem;
    display: inline-block;
    text-decoration: none;
	
}
.rule_know a:hover{
	color: #FFFFFF;
}

#congra_box .rule_text{
	top:5%;
	
}
#congra_box .rule_Ptext{
	line-height: 1.4rem;
    font-size: .32rem;
    text-align: center;
}

.nn_wrap{
	width:100%;
	position:relative;
	top:7%;
}
.nn_wrap .nn{
	width:100%;
	-webkit-animation:rot 1s .2s ease both;
	-moz-animation:rot 1s .2s ease both;
}
@-webkit-keyframes rot{
	0%{
		-webkit-transform:rotate(0deg);
		opacity:0
	}
	5%{
		-webkit-transform:rotate(90deg);
		opacity:1
	}
	
	100%{
		-webkit-transform:rotate(180deg);
	}
}
#not_enough .rule_Ptext{
	text-align:center;
	line-height:140px;
	font-size:40px;
}
#not_enough .rule_text{
	top:30%;
	
}
.middle_shanDeng_con table{
	width: 100%;
	height: 100%;
}
.middle_shanDeng_con tr{
	display: flex;
	justify-content: space-around;
	flex: 1;
	margin-top: .1rem;
}
.middle_shanDeng_con img{
	width: 1.2rem;
	margin-top: .19rem;
	filter: opacity(61%);
}
#luck .active img{
	filter: opacity(100%);
}
.shanDeng span {
    width: 1.28rem;
    height: .33rem;
    line-height: .33rem;
    background: url(../images/middle_img3.png) no-repeat;
    background-size: 1.28rem .33rem;
    position: absolute;
    top: 1.11rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #41140C;
    font-size: .2rem;
}
@media screen and (min-width:765px){
	.middle_shanDeng{
		height: auto;
	}
	.middle_shanDeng_con{
		height: auto;
	}
	#btn .cjBtnDom, #btn .cjBtn, .shanDeng .active, .shanDeng td {
	    width: 30%;
	    height: 3.6rem;
	}
	.middle_shanDeng_con img{
		width: 60%;
		margin-top: .7rem;
	}
	.shanDeng span{
		width: 2.28rem;
		background-size: 2.28rem .66rem;
		height: .66rem;
		line-height: .6rem;
		top: 2.3rem;
		text-align: center;
		font-size: .3rem;
	}
	.middle_autumn_article {
	    width: 100%;
	    height: auto;
	    background-size: 100%;
	    position: relative;
	    top: -2px;
	    padding-bottom: .6rem;
	}
}
.super_list .show{
	overflow-x: auto;
	height: 300px;
}
#disabled{
	overflow: hidden;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}



/* 国庆 */
.national_day_article{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.national_day_article_bg {
    width: 100%;
    height: 10.72rem;
    background: url(../images/national_day.jpg) no-repeat;
    background-size: 100% 10.72rem;
    position: relative;
}
.national_day_article_nav {
    position: absolute;
    right: .33rem;
    top: .38rem;
}
.national_day_article_nav a {
    width: auto;
    height: .44rem;
    line-height: .47rem;
    padding: 0 .28rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .22rem;
    background: linear-gradient(116deg, #1786FD, #1E4DFC);
    display: inline-block;
    border-radius: .22rem;
    border: 1px solid #fff;
}
.national_day_article_nav a:hover{
	color: #FFFFFF;
}
.national_day_article_bg_two{
	width: 100%;
	height: auto;
	background: url(../images/national_day2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}
.national_day_article_bg_two_con{
	width: 100%;
	height: auto;
	text-align: left;
}
.national_day_article_list{
	width: 94%;
	height: 3.39rem;
	background: url(../images/national_list1.png) no-repeat;
	background-size: 100% 3.39rem;
	margin: 0 auto;
	margin-top: .21rem;
	position: relative;
}
.national_day_article_list_l{
	width: 50%;
	float: left;
}
.national_day_article_list_l h3{
	width: auto;
	height: .4rem;
	background: url(../images/national_day_size1.png) no-repeat;
	background-size: auto .4rem;
	margin-top: .43rem;
	margin-left: .35rem;
}
.national_day_article_list_l span{
	margin-top: .13rem;
	margin-left: .35rem;
	width: 100%;
	display: inline-block;
	color: #481813;
}
.national_day_article_list_l em{
	color: #C13422;
	font-weight: 700;
}
.national_day_article_list_r{
	width: 50%;
	float: left;
}
.sign_button{
	width: 1.62rem;
	height: .5rem;
	line-height: .4rem;
	background: url(../images/article_size1.png) no-repeat;
	background-size: 1.62rem .5rem;
	margin-left: .37rem;
	text-align: center;
	margin-top: .24rem;
}
.sign_button a{
	color: #F4DAAC;
	font-size: .24rem;
}
.sign_button a:hover{
	color: #F4DAAC;
}
.national_day_article_list_r img{
    width: 2.82rem;
    height: 2.02rem;
    margin-left: .4rem;
    margin-top: .59rem;
}
.national_day_article_list_l2{
	width: 50%;
	float: left;
}
.national_day_article_list_l2 img{
	width: 2.76rem;
	height: 1.96rem;
	margin-top: .53rem;
	margin-left: .21rem;
}
.national_day_article_list_r2{
	width: 50%;
	float: left;
}
.national_day_article_list_r2 h3{
	width: auto;
	height: .4rem;
	background: url(../images/national_day_size2.png) no-repeat;
	background-size: auto .4rem;
	margin-top: .43rem;
}
.national_day_article_list_r2 span{
	margin-top: .13rem;
	width: 90%;
	display: inline-block;
	color: #481813;
}
.national_day_article_list_r2 em{
	color: #C13422;
	font-weight: 700;
}
.sign_button2{
	margin-left: 0;
}
.sign_button2 a{
	color: #F4DAAC;
	font-size: .24rem;
}
.sign_button2 a:hover{
	color: #F4DAAC;
}
.national_day_article_list_two{
	width: 94%;
	height: 3.69rem;
	background: url(../images/national_list1.png) no-repeat;
	background-size: 100% 3.69rem;
	margin: 0 auto;
	margin-top: .21rem;
	position: relative;
}
.national_day_article_list_l3{
	width: 50%;
	float: left;
}
.national_day_article_list_l3 h3{
	width: auto;
	height: .4rem;
	background: url(../images/national_day_size3.png) no-repeat;
	background-size: auto .4rem;
	margin-top: .43rem;
	margin-left: .35rem;
}
.national_day_article_list_l3 span{
	margin-top: .13rem;
	width: 90%;
	display: inline-block;
	color: #481813;
	margin-left: .35rem;
}
.national_day_article_list_l3 em{
	color: #C13422;
	font-weight: 700;
}
.sign_button3{
	width: 1.62rem;
	height: .5rem;
	line-height: .4rem;
	background: url(../images/article_size2.png) no-repeat;
	background-size: 1.62rem .5rem;
	text-align: center;
	margin-top: .2rem;
	margin-left: .35rem;
}
.sign_button3 a{
	color: #F4DAAC;
	font-size: .24rem;
}
.sign_button5 button{
	width: 1.92rem;
	height: .5rem;
	line-height: .4rem;
	background: url(../images/article_size1.png) no-repeat;
	background-size: 1.92rem .5rem;
	font-size: .2rem;
	color: #F4DAAC;
}
.sign_button3 a:hover{
	color: #F4DAAC;
}
.national_day_article_list_r3{
	width: 50%;
	float: left;
}
.national_day_article_list_r3 img{
	width: 2.76rem;
	height: 2.05rem;
	margin-top: .8rem;
	margin-left: .3rem;
}
.hot_swim{
	width: 100%;
	height: auto;
	margin-top: .5rem;
	display: inline-block;
}
.hot_swim_header{
	width: 94%;
	margin: 0 auto;
	text-align: center;
}
.hot_swim_header img{
	width: 5.59rem;
	height: 1.66rem;
}
.hot_swim_header_con {
    width: 94%;
    height: auto;
    margin: 0 auto;
}
.hot_swim_header_con_list {
    width: 25%;
    float: left;
    margin-top: .33rem;
	text-align: center;
}
.hot_swim_header_con_list a {
    display: inline-block;
    height: 100%;
    width: 1.55rem;
    position: relative;
}
.hot_swim_header_con_list img {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: .08rem;
    border: 1px solid #FADDB7;
}
.hot_swim_header_con_list h2{
	font-size: .24rem;
    color: #481813;
    margin-top: .21rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    border: 1px solid #FADDB7;
    border-radius: .2rem;
    background-color: #FADDB7;
}
.hot_swim_header_con_list span{
	width: .94rem;
    height: .28rem;
    line-height: .26rem;
    background: url(../images/national_logo.png) no-repeat;
    background-size: .94rem .28rem;
    display: inline-block;
    position: absolute;
    top: .02rem;
    right: -.02rem;
	
}
.hot_swim_header_con_list em{
	color: #481813;
	font-size: .2rem;
	margin-left: .2rem;
}
.national_day_rules{
	width: 100%;
	height: auto;
	margin-top: .5rem;
	display: inline-block;
}
.national_day_rules_article{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: .43rem;
}
.national_day_rules_article p{
	color: #F4D2A5;
    font-size: .24rem;
    line-height: .36rem;
    margin-bottom: .20rem;
    text-align: left;
}


/* 平台介绍 */
.platform_introduction{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding-bottom: .6rem;
}
.platform_introduction_title{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.platform_introduction_title h2{
	color: #30B8FF;
	font-size: .32rem;
	text-align: center;
	margin-top: .6rem;
	margin-bottom: .32rem;
}
.platform_introduction_title p{
	width: 90%;
	margin: 0 auto;
	padding: .10rem 0;
	line-height: .4rem;
}
.platform_introduction_title em{
	color: #f4340e;
}

/* 用户充值协议 */
.user_recharge_protocol{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding-bottom: .6rem;
}
.user_recharge_protocol h2{
	font-size: .32rem;
    font-weight: 700;
    text-align: center;
    height:1.5rem;
    border-bottom: 1px dashed #dcdcdc;
    background: #fff;
	line-height: 1.5rem;
	margin-bottom: .3rem;
}
.user_recharge_protocol p{
	margin: 0 auto;
    padding: 0.1rem .2rem;
    font-size: .28rem;
    text-indent: .4rem;
    line-height: .4rem;
    color: #333;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
.user_recharge_protocol span{
	color: #000000;
}



/* 十二月活动 */
.gift_pack_activity{
	background: #c22129;
	width: 100%;
	position: relative;
}
.gift_pack_activity_bg {
    width: 100%;
    height: 11.78rem;
    background: url(../images/gift_pack_bg.jpg) no-repeat;
    background-size: 100% 11.78rem;
    position: relative;
}
.gift_pack_activity_nav {
    position: absolute;
    right: .33rem;
    top: .38rem;
}
.gift_pack_activity_nav a {
    width: auto;
    height: .44rem;
    line-height: .47rem;
    padding: 0 .28rem;
    text-align: center;
    color: #9c1712;
    font-size: .22rem;
    background: #fffeff;
    display: inline-block;
    border-radius: .22rem;
    border: 1px solid #fff;
	font-weight: 700;
}
.gift_pack_activity_middle{
	background: #FFFFFF;
    width: 92%;
    height: 5.52rem;
    border-radius: .2rem;
    margin: 0 auto;
    position: relative;
	top: -3.3rem;
}
.gift_pack_frame{
    height: 4.92rem;
    background: url(../images/gift_pack_frame.png) no-repeat;
    background-size: 100% 4.92rem;
    margin: 0 auto;
    width: 92%;
    position: absolute;
    top: .3rem;
    right: 0;
    left: 0;
}
.gift_pack_frame_list{
	width: 94%;
	height: auto;
	display: flex;
	margin: 0 auto;
}
.gift_pack_frame_list a{
	flex: 1;
}
.gift_pack_frame_list_left {
    float: left;
	margin-top: .36rem;
}
.gift_pack_frame_list_left img{
	width: 1.71rem;
	height: 1.70rem;
}
.gift_pack_frame_list_right {
    flex: 1;
	margin-top: .36rem;
}
.gift_pack_frame_list_article {
    float: left;
    text-align: left;
    width: 62%;
}
.gift_pack_frame_list_article h2{
	color: #656565;
	font-size: .3rem;
	margin-left: .22rem;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.gift_pack_frame_list_article p{
	margin-left: .22rem;
	margin-top: .15rem;
	margin-bottom: .15rem;
	color: #989898;
	font-size: .24rem;
	height: .65rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.gift_pack_frame_list_article span{
	margin-bottom: 0;
	margin-left: .22rem;
	color: #989898;
	font-size: .22rem;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.gift_pack_frame_list_article em{
	color: #C22129;
}
.gift_pack_frame_l{
    width: 35%;
    float: right;
    margin-right: 0%;
	text-align: center;
}
.gift_pack_frame_l h2{
	margin-top: .6rem;
	color: #C22129;
	font-size: .3rem;
	margin-bottom: .15rem;
}
.gift_pack_frame_l span {
    width: 1.16rem;
    height: .44rem;
    background: url(../images/purchase1.png) no-repeat;
    background-size: 100% .44rem;
    display: inline-block;
    color: #fff;
    font-size: .20rem;
}
.gift_pack_frame_list .purchase {
    background: url(../images/purchase2.png) no-repeat;
    background-size: 100% .44rem;
}
.gift_pack_frame_middle{
    width: 94%;
    height: .14rem;
    background: url(../images/center_line.png) no-repeat;
    background-size: 100% .14rem;
    margin: 0 auto;
	margin-top: .24rem;
}
.gift_pack_activity_rules{
    width: 100%;
    height: auto;
    position: relative;
    top: -2.3rem;
	text-align: center;
}

.gift_pack_activity_rules img{
	width: 3.75rem;
    height: .34rem;
    margin: 0 auto;
}
.gift_pack_activity_rules_content{
	width: 94%;
	margin: 0 auto;
	margin-top: .3rem;
}
.gift_pack_activity_rules_content p{
    text-align: left;
    color: #F7C99B;
    line-height: .6rem;
}
.gift_pack_top2 {
    height: auto;
    overflow: hidden;
}
.gift_pack_top2 h2{
	text-align: center;
	width: 100%;
	margin-top: .50rem;
	color: #383D42;
	font-size: .32rem;
	font-weight: 700;
}
.choice{
    width: 100%;
    display: inline-block;
    margin-top: .64rem;
}
.choice h2{
    float: left;
    margin-left: .29rem;
    margin-top: .1rem;
}
.choice p{
	color: #CCCCCC;
    font-size: .20rem;
    width: 72%;
    margin-left: 1.7rem;
    float: right;
    margin-right: .2rem;
}
.choice_select{
	display: inline-block;
	width: 75%;
	float: right;
}
.choice_select select{
    width: 90%;
    float: left;
    border: 1px solid #eee;
    background: #EEEEEE;
    height: .65rem;
    border-radius: .12rem;
    text-indent: .2rem;
	appearance:none;
	  -moz-appearance:none;
	  -webkit-appearance:none;
}
.order_amount{
    width: 100%;
    margin-top: .25rem;
    height: auto;
    display: inline-block;
    padding-bottom: .35rem;
}
.super_signature_share_share2 .order_amount2{
	border-bottom: 1px solid #eee;
}
.order_amount2 i{
	color: #E11010;
}
.super_signature_share_share2 .order_amount2 span{
	color: #108307;
}
.order_amount h2{
	float: left;
	margin-left: .29rem;
	color: #383D42;
	font-size: .26rem;
}
.order_amount span{
	float: right;
	margin-right: .31rem;
	color: #E11010;
	font-size: .32rem;
	font-weight: 700;
}
.confirm_payment_but2 {
    width: 94%;
    height: .86rem;
    display: inline-block;
    text-align: center;
    line-height: .86rem;
    border-radius: .2rem;
    background: #3160D1;
    color: #fff;
    margin-bottom: .26rem;
}
.password_box_con input {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    height: .80rem;
    line-height: .80rem;
    background: #f5f5f5;
    text-indent: .2rem;
    border-radius: .1rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
}
select {
   -webkit-appearance: none;
}

.scroll_bar {
	width: 88%;
    height: .69rem;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -3.3rem;
    background: rgba(0,0,0,.5);
    border-radius: .2rem;
    margin-top: .6rem;
}
.scroll_size {
    height: .62rem;
    line-height: .72rem;
    width: 100%;
    font-size: .3rem;
    color: #fff;
    /* left: 3%; */
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.scroll_size em{
	color: #F4340E;
}
.scroll_size i{
	color: #B25D06;
}
/* 元旦 */
.new_year_day{
	width: 100%;
	height: auto;
	background: #b41716;
}
.new_year_day_header{
	width: 100%;
	height: 9.43rem;
	background: url(../images/new_year_day_header.jpg) no-repeat;
	background-size: 100% 9.43rem;
	position: relative
}
.new_year_day_header img{
	position: absolute;
	bottom: 1.0rem;
	width: 90%;
	margin: 0 auto;
	right: 0;
	left: 0;
}
.new_year_day_nav{
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    top: -.52rem;
}
.new_year_day_nav img{
	width: 94%;
	margin: 0 auto;
}
.new_year_day_section{
	width: 100%;
	height: auto;
	text-align: center;
	display: inline-block;
}
.new_year_day_section img{
	width: 90%;
	margin: 0 auto;
	margin-top: .52rem;
}
.new_year_day_main{
	width: 100%;
	height: auto;
	display: inline-block;
}
.new_year_day_main_con{
	width: 50%;
	float: left;
	text-align: center;
}
.new_year_day_main_button{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: .85rem;
}
.new_year_day_main_button a{
	width: 3.70rem;
	height: .80rem;
	line-height: .80rem;
	text-align: center;
	color: #D13024;
	font-size: .32rem;
	display: inline-block;
	border-radius: .2rem;
	background: #F9C481;
	border: 1px solid #DDAB63;
	font-weight: 700;
	animation: breathe 1.1s infinite;
}
@keyframes breathe{
  0%{ transform: scale(.99); }
  50%{ transform: scale(1.03); }
  100%{ transform: scale(.99); }
}
.new_year_day_main_button a:hover{
	color: #D13024;
}
.new_year_day_article{
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: center;
}
.new_year_day_article img{
	width: 90%;
	margin: 0 auto;
	margin-top: .82rem;
}
.new_year_day_article_li{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: .44rem;
	display: inline-block;
}
.new_year_day_article_li li{
	width: 25%;
	height: 1.90rem;
	float: left;
    margin-top: .37rem;
}
.new_year_day_article_li a{
	width: 90%;
	height: 1.90rem;
	border: 1px solid #F9C481;
	margin: 0 auto;
	border-radius: .1rem;
	display: inline-block;
	position: relative;
}
.new_year_day_article_li img{
	margin-top: 0;
	width: 100%;
	height: 1.57rem;
	border-radius: .1rem .1rem 0 0;
}
.new_year_day_article_li_p{
    background:rgba(0,0,0,.5);
    width: 100%;
    height: .3rem;
    position: absolute;
    bottom: .33rem;
	font-size: .2rem;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.new_year_day_article_li h2{
	height: .33rem;
	width: 100%;
	background: #FFFFFF;
	border-radius: 0 0 .1rem .1rem;
	color: #D53427;
	font-size: .2rem;
	font-weight: 700;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.new_year_day_article_li span {
    width: .94rem;
    height: .28rem;
    line-height: .26rem;
    background: url(../images/new_year_log.png) no-repeat;
    background-size: .94rem .28rem;
    display: inline-block;
    position: absolute;
    top: -.01rem;
    right: .0rem;
}
.new_year_day_article_li em{
	color: #F9C481;
	font-size: .2rem;
	margin-left: .2rem;
}
.new_year_day_article_li_size{
	width: 100%;
	margin-top: .49rem;
}
.new_year_day_article_li_size h2{
	color: #FFE07D;
	font-size: .28rem;
}
.new_year_day_footer{
	margin-top: .92rem;
	text-align: center;
	padding-bottom: .6rem;
}
.new_year_day_footer img{
	width: 90%;
	margin: 0 auto;
	margin-bottom: .5rem;
}
.new_year_day_footer p{
	width: 94%;
	margin: 0 auto;
	color: #FFE07D;
	font-size: .26rem;
	text-align: left;
	line-height: .54rem;
}
.animate {
	padding-left: 20px;
	font-size: 12px;
	color: #fff;
	width: 100%;
	white-space: nowrap;
	animation: 8s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
	0% {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
}

@-webkit-keyframes wordsLoop {
	0% {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
}

.privacy{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding-bottom: .6rem;
}
.privacy h2{
	font-size: .32rem;
    font-weight: 700;
    text-align: center;
    height:1.5rem;
    border-bottom: 1px dashed #dcdcdc;
    background: #fff;
	line-height: 1.5rem;
	margin-bottom: .3rem;
}
.privacy p{
	margin: 0 auto;
    padding: 0.1rem .2rem;
    font-size: .28rem;
    text-indent: .4rem;
    line-height: .4rem;
    color: #333;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
.privacy span{
	color: #000000;
}
.privacy_close{
    position: absolute;
    top: .30rem;
    right: .39rem;
    color: #999;
    font-size: .28rem;
}
.privacy_close img {
    position: absolute;
    right: .06rem;
    top: .05rem;
}
.privacy_guide_guanbi img {
    position: absolute;
    right: .06rem;
    top: .05rem;
}


/* 新年活动 */
.new_year_content{
	width: 100%;
	height: auto;
	background: #a80019;
}
.new_year_content_bg {
    width: 100%;
    height: 19.80rem;
    background: url(../images/new_year_content_bg.jpg) no-repeat;
    background-size: 100% 19.80rem;
    position: relative;
}
.new_year_header{
	height: 8.43rem;
}
.aa{
	width: 335px;
	height: 143px;
	background-image: linear-gradient( #E6223, #A1012C);
	border: 3px solid;
	border-image: linear-gradient(0deg, #FD8257, #FEDDC6) 3  3;
	border-radius: .4rem;
}
.new_year_main{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.new_year_main_list{
	width: 100%;
	height: 3.3rem;
	background: url(../images/new_year_main_list.png) no-repeat;
	background-size: 100% 3.3rem;
	position: relative;
	display: flex;
    margin-top: .25rem;
}
.new_year_list{
	width: 2.26rem;
	height: 2.2rem;
	margin-bottom: 0px;
	margin-left: .27rem;
	position: absolute;
	bottom: 8px;
}
.new_year_img{
    width: .9rem;
    height: .9rem;
    position: absolute;
    left: 5px;
    top: 4px;
}
.new_year_main_left{
	width: 35%;
	float: left;
}
.new_year_main_right{
	width: 63%;
    float: left;
    margin-left: 2%;
}
.new_year_main_right h2{
	color: #FFD1AA;
	font-size: .44rem;
	font-weight: 700;
	margin-top: .28rem;
}
.new_year_main_right p{
	margin-top: .1rem;
	margin-bottom: .1rem;
	color: #FFD1AA;
	font-size: .32rem;
	font-weight: 700;
}
.new_year_main_right span{
	font-size: .24rem;
	color: #FFD1AA;
	width: 100%;
	display: inline-block;
}
.new_year_main_right a{
    display: inline-block;
    margin-top: .17rem;
    width: auto;
    border: 2px solid #FACD89;
    background: linear-gradient(0deg, #3D8287 0%, #342D2F 100%);
    border-radius: 50px;
    padding: .01rem .3rem;
	color: #FACD89;
}
.new_year_main_right a:hover{
	color: #FACD89;
}
.new_year_footer{
	text-align: center;
}
.new_year_footer h2{
	color: #FFD1AA;
	font-size: .26rem;
	font-weight: 700;
	margin-top: .2rem;
}


/* 财神活动 */
.god_of_wealth{
	width: 100%;
	height: auto;
	position: relative;
}
.god_of_wealth_header{
	width: 100%;
	height: 6.1rem;
	background: url(../images/god_of_wealth_bg.jpg) no-repeat;
	background-size: 100% 6.1rem;
	position: relative;
}
.god_of_wealth_img{
    width: 3.61rem;
    height: 4.55rem;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: .9rem;
}
.wealth2{
	display: none;
	position: absolute;
	right: 1.95rem;
	top: 1.6rem;
}
.wealth2 img{
	width: .89rem;
    height: .77rem;
}
.god_of_wealth_header a{
	position: absolute;
	border: 1px solid #fff;
	right: .3rem;
	top: .3rem;
	padding: .1rem .18rem;
	border-radius:.10rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	background: linear-gradient(135deg, #1786FD, #1E4DFC);
}
.god_of_wealth_header a:hover{
	color: #fff;
}
.god_of_wealth_header span{
    color: #FFD99D;
    font-size: .2rem;
    position: absolute;
    bottom: .57rem;
    right: .41rem;
}
.god_of_wealth_main{
	width: 99%;
	height: auto;
	background: url(../images/wealth_main_bg.jpg) no-repeat;
	background-size: 100% 100%;
    position: absolute;
    margin-top: -.36rem;
    border-radius: .4rem .4rem 0 0;
    border: 2px solid #FFD99D;
	text-align: center;
	padding-bottom: .4rem;
}
.god_of_wealth_main_con{
	width: 100%;
	height: auto;
	position: relative;
}
.wealth_main_size{
    height: .35rem;
    margin: 0 auto;
    margin-top: .5rem;
}
.god_of_wealth_main_a{
	position: absolute;
	right: .4rem;
	top: .78rem;
	color: #FFD99D;
}
.god_of_wealth_main_a:hover{
	color: #FFD99D;
}
.god_of_wealth_main_conter{
	width: 90%;
	height: 4.1rem;
	background: #FFEAC8;
	border-radius: .28rem;
	margin: 0 auto;
	margin-top: .53rem;
	border: .05rem solid #EA7D4F;
}
.god_wealth_red_envelope{
	width: 94%;
	margin: 0 auto;
}
.god_wealth_red_envelope_list{
	width: 33%;
	float: left;
	margin-top: .26rem;
	text-align: center;
}
.red_envelope_list_con{
	width: 1.72rem;
	height: 2.2rem;
	background: url(../images/red_envelope2.png) no-repeat;
	background-size: 100% 2.2rem;
	margin: 0 auto;
	position: relative;
}
.god_wealth_red_envelope .red_envelope_list_con_hig{
	background: url(../images/red_envelope1.png) no-repeat;
	background-size: 100% 2.2rem;
}
.god_wealth_red_envelope_list span{
	font-size: .2rem;
	color: #FFD99D;
	position: absolute;
	top: 1.3rem;
	right: 0;
	left: 0;
}
.god_wealth_red_envelope .red_envelope_list_con_hig span{
    font-size: .2rem;
    color: #CFCFCF;
    position: absolute;
    top: 1.09rem;
    right: 0;
    left: 0;
}
.god_wealth_red_envelope_list button{
	background: #f6c592;
	color: #9C000D;
	border-radius: 50px;
	font-size: .2rem;
	display: inline-block;
	position: absolute;
	width: 1.2rem;
	bottom: .4rem;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.god_wealth_red_envelope_list a:hover{
	color: #9C000D;
}
.god_wealth_red_envelope .red_envelope_list_con_hig button{
    background: #b1b1b1;
	color: #5f5f5f;
}
.speed_progress{
    width: 94%;
    margin: 0 auto;
    text-align: center;
    height: auto;
    margin-top: .24rem;
    display: inline-block;
}
.speed_progress span{
	font-size: .24rem;
	color: #3d3d3d;
	float: left;
}
.game_downloadlist_div{
    width: 60%;
    height: .16rem;
    background-color: #FFD99D;
    border-radius: .08rem;
    position: relative;
    float: left;
    top: .09rem;
    left: .2rem;
}
.game_downloadlist_div em{  
	width: 80%;
    height: .16rem;
    background-color: #9C000D;
    border-radius: .08rem 0 0 .08rem;
    margin: 0;
    position: absolute;
    left: 0px;
}
.speed_progress i{
	color: #3D3D3D;
	font-size: .18rem;
}
.wealth_main_conprize{
	position: relative;
	margin: .36rem auto;
    width: 80%;
    height: .5rem;
	line-height: .5rem;
    background: #FFD99D;
    right: 0;
    left: 0;
	border-radius: .08rem;
}
.conprize_middle{
	width: 96%;
    background: #FFD99D;
    height: .6rem;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: -.06rem;
    border-radius: .08rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.conprize_middle p{
	line-height: .6rem;
	font-size: .2rem;
	color: #3B3B3B;
	text-align: center;
}
.conprize_middle em{
	color: #9C000D;
}

.god_wealth_store{
	width: 100%;
	height: auto;
	position: relative;
}
.god_wealth_store_conter{
	width: 94%;
	margin: 0 auto;
	display: inline-block;
	background: #FFEAC8;
	border-radius: .28rem;
	margin-top: .53rem;
	border: .05rem solid #EA7D4F;
	padding-bottom: .3rem;
}
.god_wealth_store_conter_list{
	width: 33%;
	float: left;
	margin-top: .26rem;
	text-align: center;
}
.god_wealth_store_conter_list img{
	width: 1.83rem;
	height: 1.83rem;
}
.god_wealth_store_conter_list button{
	width: 1.55rem;
	height: .46rem;
	line-height: .46rem;
	background: url(../images/shop_bg.png) no-repeat;
	background-size: 100% .46rem;
	display: inline-block;
	color: #9C000D;
	font-size: .22rem;
	margin-top: .18rem;
	font-weight: 700;
}
.god_wealth_rule{
	width: 94%;
	margin: 0 auto;
	display: inline-block;
	margin-top: .62rem;
}
.god_wealth_rule_conter{
	width: 100%;
	text-align: left;
	margin-top: .42rem;
}
.god_wealth_rule_conter p{
	color: #FFD99D;
	font-size: .24rem;
	line-height: .34rem;
	margin-top: .17rem;
}
/* 红包记录弹窗 */
.red_envelope_record{
	background: #d12634;
	border: 2px solid #ffd99d;
	height: auto;
	border-radius: .4rem;
    padding-bottom: .3rem;
	display: inline-block;
	width: 100%;
}
.red_envelope_record_header{
	width: 3.13rem;
    height: .82rem;
    line-height: .82rem;
    background: url(../images/record_header.png) no-repeat;
    background-size: 100% .82rem;
    text-align: center;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: -.36rem;
    display: inline-block;
}
.red_envelope_record_header h2{
	color: #D12634;
	font-size: .38rem;
	font-weight: 700;
}
.red_envelope_record_main{
    height: auto;
    overflow: auto;
    max-height: 8.6rem;
}
.red_envelope_record_main_con {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    margin-top: .72rem;
}
.red_envelope_record_main_con ul{
	height: auto;
	display: inline-block;
	width: 100%;
}
.red_envelope_record_main_con li{
    border-top: 1px solid #FFD99D;
    display: inline-block;
    width: 100%;
}
.red_envelope_record_main_con span{
	width: 25%;
	text-align: center;
	float: left;
	color: #FFD99D;
	font-size: .28rem;
	font-weight: 700;
	padding-bottom: .2rem;
	padding-top: .2rem;
	word-wrap: break-word;
}
/* 宇币兑换弹窗 */
.exchange{
	background: #d12634;
	border: 2px solid #ffd99d;
	height: auto;
	max-height: 8.6rem;
	overflow: auto;
	border-radius: .4rem;
	padding-bottom: .3rem;
}
.exchange_header{
	width: 3.13rem;
    height: .82rem;
    line-height: .82rem;
    background: url(../images/record_header.png) no-repeat;
    background-size: 100% .82rem;
    text-align: center;
    overflow: hidden;
    z-index: 9999;
    position: fixed;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-top: -.36rem;
}
.exchange_header h2{
	color: #D12634;
	font-size: .38rem;
	font-weight: 700;
}
.exchange_main{
	width: 85%;
	height: auto;
	margin: 0 auto;
    text-align: center;
    margin-top: .72rem;
}
.exchange_main_list {
    width: 100%;
    margin-top: .25rem;
    height: auto;
    display: inline-block;
}
.exchange_main_list h2{
	width: 30%;
	float: left;
	text-align: left;
	color: #FFD99D;
	font-size: .28rem;
	font-weight: 700;
}
.exchange_main_list span{
	float: left;
	text-align: left;
	color: #FFD99D;
	font-size: .28rem;
}
.exchange_main_list_select {
    display: inline-block;
    width: 70%;
    float: right;
}
.exchange_main_list_select select{
    width: 90%;
    float: left;
    border: 1px solid #FFD99D;
    background: #FFD99D;
    height: .65rem;
    border-radius: .12rem;
    text-indent: .2rem;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.exchange_main_list button{
	width: 3.13rem;
	height: .82rem;
	line-height: .82rem;
	border-radius: .4rem;
	background: #FFD99D;
	color: #D12634;
	font-size: .32rem;
	font-weight: 700;
	display: inline-block;
}
.dismantle_popup{
	width: 5.25rem;
	height: 7.25rem;
	background: url(../images/dismantle_popup1.png) no-repeat;
	background-size: 5.25rem 7.25rem;
}
.dismantle_popup h2{
	display: none;
}
.dismantle_popup2{
	width: 5.25rem;
	height: 7.25rem;
	line-height: .82rem;
	background: url(../images/dismantle_popup2.png) no-repeat;
	background-size: 5.25rem 7.25rem;
	text-align: center;
	position: relative;
}
.dismantle_popup2 h2 {
    color: #d7343e;
    font-size: .6rem;
    font-weight: 700;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 1.0rem;
	display: block;
}

/* 新年活动-福袋 */
.blessing_bag{
	width: 100%;
	height: auto;
	background: #7F1D1E;
}
.blessing_bag_bg{
	width: 100%;
	height: 10.18rem;
	background: url(../images/blessing_bag_bg.jpg) no-repeat;
	background-size: 100% 10.18rem;
	position: relative;
}
.blessing_bag_bg_id{
	width: auto;
	height: auto;
}
.blessing_bag_bg_id span{
	width: .85rem;
	height: .88rem;
	background: url(../images/blessing_bag_id.png) no-repeat;
	background-size: .85rem .88rem;
	margin-top: .2rem;
	margin-left: .31rem;
	float: left;
	position: relative;
}
.blessing_bag_bg_id h2{
	background: linear-gradient(0deg, #E8BD7F, #FBEEB8);
    border-radius: .26rem;
    float: left;
    margin-top: .42rem;
    margin-left: -18px;
    padding: .1rem;
    text-indent: .35rem;
    padding-right: .2rem;
    color: #B0112B;
    font-size: .22rem;
	font-weight: 700;
}
.blessing_bag_main{
	background: #C72E30;
	width: 94%;
	height: 10.7rem;
	margin: 0 auto;
	position: relative;
	border-radius: .26rem;
	text-align: center;
	margin-top: .3rem;
}
.blessing_bag_main_bg{
	width: 96%;
	height: 10.4rem;
	margin: 0 auto;
	background: url(../images/blessing_bag_main_bg.png) no-repeat;
	background-size: 100% 10.4rem;
	position: absolute;
	left: 0;
	right: 0;
	top: .1rem;
}
.blessing_bag_title{
	width: 2.58rem;
	height: .76rem;
	position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
	top: -.35rem;
}
.blessing_bag_main_con{
	width: 96%;
	height: auto;
	margin: 0 auto;
	margin-top: .8rem;
}
.blessing_bag_main_con_list{
	height: 2.23rem;
	width: 100%;
	border-bottom: 1px solid #E65854;
	margin-bottom: .19rem;
	display: flex;
}
.blessing_bag_main_con_list_l{
	float: left;
}
.blessing_bag_main_con_list_l img{
	width: 1.83rem;
	height: 1.84rem;
	margin-top: .24rem;
}
.blessing_bag_main_con_list_r {
    flex: 1;
}
.blessing_bag_article {
    float: left;
    text-align: left;
    width: 62%;
}
.blessing_bag_article h2{
	font-size: .28rem;
	color: #FFDEAA;
	font-weight: 700;
	margin-top: .2rem;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.blessing_bag_article p{
	color: #FFDEAA;
	font-size: .22rem;
	height: 0.68rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-top: .2rem;
	margin-bottom: .13rem;
}
.blessing_bag_article span{
	color: #FFDEAA;
	font-size: .20rem;
}
.blessing_bag_article_l {
    width: 35%;
    float: right;
    margin-right: 0%;
}
.blessing_bag_article_l h2{
	color: #FFD99D;
	font-size: .28rem;
	margin-bottom: .16rem;
	margin-top: .5rem;
}
.blessing_bag_article_l_a{
	width: 1.22rem;
	height: .52rem;
	line-height: .52rem;
	color: #B0112B;
	border-radius: .26rem;
	font-weight: 700;
	display: inline-block;
	background: linear-gradient(0deg, #E8BD7F, #FBEEB8);
}

.blessing_bag_section {
    background: #C72E30;
    width: 94%;
    height: 4.9rem;
    margin: 0 auto;
    position: relative;
    border-radius: .26rem;
    text-align: center;
    margin-top: .6rem;
}
.blessing_bag_section_bg {
    width: 96%;
    height: 4.7rem;
    margin: 0 auto;
    background: url(../images/blessing_bag_main_bg.png) no-repeat;
    background-size: 100% 4.7rem;
    position: absolute;
    left: 0;
    right: 0;
    top: .1rem;
}
.blessing_bag_rule{
	width: 94%;
	margin: 0 auto;
	margin-top: .7rem;
}
.blessing_bag_rule p{
	text-align: left;
	color: #FFD99D;
	line-height: .4rem;
	font-size: .24rem;
}
.blessing_bag_button{
	width: 100%;
	height: 1.52rem;
	background: url(../images/blessing_bag_button.png) no-repeat;
	background-size: 100% 1.52rem;
	margin-top: .61rem;
}
.blessing_purchase{
	background: #d12634;
	border: 2px solid #ffd99d;
	height: auto;
	max-height: 8.6rem;
	overflow: auto;
	border-radius: .4rem;
	padding-bottom: .3rem;
}
.exchange_main_list img{
	width: .6rem;
	float: left;
	background: #fff;
}
.blessing_bag_main_a{
	position: absolute;
	right: .4rem;
	top: .18rem;
	color: #FFD99D;
}
.blessing_bag_main_a:hover{
	color: #FFD99D;
}
/* 签到送三倍积分 */
.triple_new_year{
	width: 100%;
	height: auto;
	background: #ba1f23;
}
.triple_new_year_header {
    width: 100%;
    height: 11.61rem;
    background: url(../images/triple_new_year_header.jpg) no-repeat;
    background-size: 100% 11.61rem;
    position: relative;
}
.triple_new_year_section {
    width: 100%;
    height: auto;
    text-align: center;
    display: inline-block;
	margin-top: .3rem;
}
.triple_new_year_section_img{
	height: .35rem;
}
.triple_new_year_main {
    width: 100%;
    height: auto;
    display: inline-block;
	margin-top: .41rem;
}
.triple_new_year_main_con {
    width: 50%;
    float: left;
    text-align: center;
}
.triple_new_year_main_con img{
	height: 4.96rem;
}
.triple_new_year_footer {
    margin-top: .92rem;
    text-align: center;
    padding-bottom: .6rem;
}
.triple_new_year_footer p{
    width: 94%;
    margin: 0 auto;
    color: #FFD99D;
    font-size: .26rem;
    text-align: left;
    line-height: .45rem;
	margin-top: .39rem;
}
.mb{
	height:100%;
    width:100%;
	border-radius: 8px;
    background: rgba(0,0,0,.4);
}
/* .prompt_language{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	top: 3.2rem;
	width: 1.26rem;
	height: 1.56rem;
	background-size: 1.26rem;
	background-image: url(../images/prompt_language.png);
} */



/* 闹元宵 */
.yuanxiao{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.yuanxiao_bg {
   width: 100%;
   height:7.12rem;
   background: url(../images/yuanxiao.jpg) no-repeat;
   background-size: 100% 7.12rem;
   position: relative;
}
.yuanxiao_center{
	text-align: center;
	width:100%;
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width: 768px){
	.yuanxiao_center{
		text-align: center;
		width:50%;
		margin: 0 auto;
		position: relative;
	}
}
.yuanxiao_bg_cen{
	width: 1.52rem;
	height:1.62rem;
	background: url(../images/size_bg1.png) no-repeat;
	background-size: 1.52rem 1.62rem;
	position: relative;
	top: .38rem;
	left: .83rem;
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.yuanxiao_bg_cen1{
	width: 1.52rem;
	height:1.61rem;
	background: url(../images/size_bg2.png) no-repeat;
	background-size: 1.52rem 1.61rem;
	position: absolute;
	top: .38rem;
	left: 1.73rem;
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.yuanxiao_bg_cen2{
	width: 1.52rem;
	height:1.61rem;
	background: url(../images/size_bg3.png) no-repeat;
	background-size: 1.52rem 1.61rem;
	position: absolute;
	top: .38rem;
	left: 2.63rem;
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.yuanxiao_bg_cen3{
	width: 1.52rem;
	height:1.61rem;
	background: url(../images/size_bg4.png) no-repeat;
	background-size: 1.52rem 1.61rem;
	position: absolute;
	top: .38rem;
	left: 3.53rem;
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.yuanxiao_bg_cen4{
	width: 1.52rem;
	height:1.61rem;
	background: url(../images/size_bg5.png) no-repeat;
	background-size: 1.52rem 1.61rem;
	position: absolute;
	top: .38rem;
	left: 4.43rem;
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.yuanxiao_bg_cen5{
	width: 1.52rem;
	height:1.61rem;
	background: url(../images/size_bg6.png) no-repeat;
	background-size: 1.52rem 1.61rem;
	position: absolute;
	top: .38rem;
	left: 5.33rem;
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.yuanxiao_section{
	width: 100%;
	background: linear-gradient(180deg, #de593c, #B41716);
	position: absolute;
	max-width: 768px;
}
.yuanxiao_main{
    width: 100%;
    height: auto;
    position: relative;
	text-align: center;
	display: inline-block;
}
.yuanxiao_main_title{
	width: 90%;
	height: .35rem;
    margin: 0 auto;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.yuanxiao_rule{
	width: 94%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding-bottom: .5rem;
}
.yuanxiao_rule p{
	color: #ffe07d;
	line-height: .45rem;
	font-size: .2rem;
}

/* 支付成功 */
.payment_successful{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
}
.payment_header{
	width: 100%;
	text-align: center;
	margin-top:25%;
}
.payment_header img{
	width: 35px;
	height: 35px;
}
.payment_header p{
	color: #0ac701;
	margin-top: 10px;
}
.payment_main{
	margin-top: 30%;
	text-align: center;
}
.payment_main h2{
	color: #000000;
	font-size: 26px;
}
.payment_main span{
    font-size: 20px;
    top: -5px;
    position: relative;
}
.payment_footer{
	margin-top: 50%;
	text-align: center;
}
.payment_footer a {
	color: #0ac701;
	border: 1px solid #0ac701;
	display: inline-block;
	padding: 2px 35px;
}
.payment_footer a:hover{
	color: #0ac701;
}
.failure_header{
	width: 100%;
	text-align: center;
	margin-top: 25%;
}
.failure_header img{
	width: 35px;
	height: 35px;
}
.failure_header p{
	color: #df4021;
	margin-top: 10px;
}
.failure_footer{
	margin-top: 50%;
	text-align: center;
}
.failure_footer a{
	color: #df4021;
	border: 1px solid #df4021;
	display: inline-block;
	padding: 2px 35px;
}
.failure_footer a:hover{
	color: #df4021;
}
/* 支付失败 */
.payment_failure{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
}


/* 五一 */
.five_one{
	width: 100%;
	height: 100%;
	background: #fff;
}
.five_one_bg {
    width: 100%;
    height: 9.60rem;
    background: url(../images/five_one_bg.png) no-repeat;
    background-size: 100% 9.60rem;
    position: relative;
}
.five_one_bg_a {
    width: auto;
    height: .44rem;
    line-height: .47rem;
    padding: 0 .28rem;
    text-align: center;
    color: #9c1712;
    font-size: .22rem;
    background: #fffeff;
    display: inline-block;
    border-radius: .22rem;
    border: 1px solid #fff;
    font-weight: 700;
	position: absolute;
	right: .3rem;
	top: .3rem;
}
.five_one_bg_a:hover{
	color: #9c1712;
}
.five_one_activity_rules{
    width: auto;
    height: .44rem;
    background: #000000;
    opacity: 0.4;
	padding: 0 .2rem;
    position: absolute;
    right: 0;
    top: .9rem;
    border-radius: 12px 0 0 12px;
    color: #fff;
}
.five_one_activity_rules:hover{
	color: #fff;
}
.five_one_main{
	width: 100%;
	height: auto;
	padding-bottom: .5rem;
	background: linear-gradient(to bottom, #e66933, #cb3e26);
}
.five_one_main_bg{
	width: 100%;
    height: 8.60rem;
    background: url(../images/five_one_main_bg.png) no-repeat;
    background-size: 100% 8.60rem;
    position: relative;
	top: .6rem;
    padding-bottom: .6rem;
}
.five_one_main_top{
	width: 4.80rem;
	height: .66rem;
	background: url(../images/five_one_main_title1.png) no-repeat;
	background-size: 100% .66rem;
    margin: 0 auto;
    top: .85rem;
	bottom: .86rem;
    position: absolute;
    right: 0;
    left: 0;
}
.five_one_golden_week{
    width: 100%;
    height: auto;
    position: absolute;
    top: 1.76rem;
}
.golden_week{
    width: 85%;
    height: 3.15rem;
    background: url(../images/golden_week1.png) no-repeat;
    background-size: 100% 3.15rem;
    margin: 0 auto;
    text-align: center;
}
.golden_week2{
	width: 85%;
	height: 3.15rem;
	background: url(../images/golden_week2.png) no-repeat;
	background-size: 100% 3.15rem;
	margin: 0 auto;
    margin-top: .3rem;
    text-align: center;
	position: relative;
}
.five_one_golden_week_conter{
	width: 94%;
	margin: 0 auto;
	margin-top: .68rem;
	display: inline-block;
	overflow: hidden;
	overflow-x: scroll;
	white-space: nowrap;
}
.five_one_golden_week_conter_list{
    height: 2.0rem;
	background: #FFFFFF;
	border: 2px solid #242ECB;
	border-radius: 10px;
	width: 25%;
	margin-left: .2rem;
	margin-top: .2rem;
	display: inline-block;
}
.five_one_golden_week_conter_list h2{
	color: #212121;
	font-size: .28rem;
	margin-top: .13rem;
}
.five_one_golden_week_conter_list p{
	width: .72rem;
	height: .68rem;
	background: url(../images/standard1.png) no-repeat;
	background-size: 100% .68rem;
	margin: 0 auto;
	margin-bottom: .05rem;
}
.five_one_golden_week_conter_list span{
	color: #666666;
	font-size: .24rem;
	padding-bottom: .20rem;
	width: 100%;
}
.five_one_golden_week_conter .golden_week_expired{
	background: #F4F4F4;
	border: 2px solid #A7A7A7;
}
.five_one_golden_week_conter .golden_week_expired p{
	width: .72rem;
	height: .68rem;
	background: url(../images/standard2.png) no-repeat;
	background-size: 100% .68rem;
	margin: 0 auto;
	margin-bottom: .05rem;
}
.five_one_golden_week_conter .golden_week_expired h2{
	color: #A7A7A7;
}
.five_one_golden_week_conter .golden_week_receive{
	background: linear-gradient(0deg, #D2E6F8 0%, #E3F2F4 100%);
	border:2px solid #699BFD;
	padding:;
}
.five_one_golden_week_conter .golden_week_receive a{
	width: .96rem;
	height: .38rem;
	line-height: .38rem;
	background: #5963E4;
	display: inline-block;
	color: #FFFFFF;
	font-size: .24rem;
	border-radius: .24rem;
	margin-top: .08rem;
	padding: ;
}


.five_one_golden_week2_conter{
	width: 94%;
	margin: 0 auto;
	margin-top: .68rem;
	display: inline-block;
	overflow: hidden;
	overflow-x: scroll;
	white-space: nowrap;
}
.five_one_golden_week2_conter_list{
    height: 2.0rem;
	background: #FFFFFF;
	border: 2px solid #FFE4BE;
	border-radius: 10px;
	width: 25%;
	margin-left: .2rem;
	margin-top: .2rem;
	display: inline-block;
}
.five_one_golden_week2_conter_list h2{
	color: #62341E;
	font-size: .28rem;
	margin-top: .23rem;
}
.five_one_golden_week2_conter_list p{
	width: .89rem;
	height: .70rem;
	background: url(../images/standard4.png) no-repeat;
	background-size: 100% .70rem;
	margin: 0 auto;
	margin-top: .10rem;
	margin-bottom: .15rem;
}
.five_one_golden_week2_conter_list span{
	color: #B02323;
	font-size: .24rem;
	padding-bottom: .20rem;
}

.five_one_golden_week2_conter .golden_week2_expired{
	background: #F4F4F4;
	border: 2px solid #A7A7A7;
}
.five_one_golden_week2_conter .golden_week2_expired p{
	width: .72rem;
	height: .68rem;
	background: url(../images/standard3.png) no-repeat;
	background-size: 100% .68rem;
	margin: 0 auto;
	margin-top: .10rem;
	margin-bottom: .15rem;
}
.five_one_golden_week2_conter .golden_week2_expired h2{
	color: #A7A7A7;
}
.five_one_golden_week2_conter .golden_week2_expired span{
	color: #A7A7A7;
}
.five_one_golden_week2_conter .golden_week2_receive a{
	width: .96rem;
	height: .38rem;
	line-height: .38rem;
	background: #FFDDB6;
	display: inline-block;
	color: #62341E;
	font-size: .24rem;
	border-radius: .24rem;
}
.golden_week2_activation{
    position: absolute;
    right: .16rem;
    top: .16rem;
}
.golden_week2_activation a{
	background: #212223;
	color: #E9CCA8;
    padding: .07rem .11rem;
    border-radius: .12rem 0 .12rem 0;
}
.golden_week2_activation a:hover{
	color: #E9CCA8;
}

.five_one_gift_bag{
    width: 92%;
    height: 9.06rem;
    background: #FFF;
    margin: 0 auto;
    border-radius: .10rem;
    margin-top: .2rem;
	position: relative;
}
.five_one_gift_bag_top{
	width: 4.80rem;
	height: .66rem;
	background: url(../images/five_one_main_title2.png) no-repeat;
	background-size: 100% .66rem;
	margin: 0 auto;
	top: .51rem;
	bottom: .43rem;
	position: absolute;
	right: 0;
	left: 0;
}
.five_one_gift_bag_main{
	width: 100%;
	height: auto;
    position: absolute;
    top: 1.56rem;
}
.national_points{
	width: 94%;
	margin: 0 auto;
	height: 1.65rem;
	display: flex;
	background: linear-gradient(135deg, #FFFAF1, #FFF9EF);
	box-shadow: 0px 0px 6px 0px rgba(92, 34, 12, 0.1);
}
.national_points img{
	width: 1.16rem;
	height: 1.27rem;
	margin-top: .19rem;
	margin-left: .15rem;
}
.national_points_con{
	flex: 1;
	margin-left: .34rem;
	margin-top: .24rem;
}
.national_points_con h2{
	color: #5C220C;
	font-size: .34rem;
	font-weight: 700;
	margin-bottom: .22rem;
}
.national_points_con p{
	color: #85563A;
	font-size: .24rem;
}
.national_points_con em{
	color: #FF0000;
}
.national_points_button{
	width: .96rem;
	height: .38rem;
	background: #FF0000;
	border-radius: 19px;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	margin-top: .63rem;
	margin-right: .21rem;
}
.national_points_button:hover{
	color: #FFFFFF;
}
.five_one_gift_bag_main_conter{
	width: 94%;
	height: auto;
	margin: 0 auto;
}
.five_one_gift_bag_main_conter_list{
	width: 100%;
	height: 1.66rem;
	background: url(../images/.five_one_gift_bag_main.png) no-repeat;
	background-size: 100% 1.66rem;
	margin-top: .20rem;
	position: relative;
}
.five_one_gift_bag_main_conter_list img{
	width: 1.25rem;
	height: 1.25rem;
	margin-top: .20rem;
	margin-left: .20rem;
	float: left;
}
.five_one_gift_bag_main_conter_list span{
	position: absolute;
	top: .11rem;
	right: 5%;
	color: #FFFFFF;
	font-size: .24rem;
}
.five_one_gift_bag_main_middle{
    margin-left: .21rem;
    width: 45%;
    float: left;
    margin-top: .25rem;
}
.five_one_gift_bag_main_middle h2{
	color: #3051A7;
	font-size: .34rem;
	font-weight: 700;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.five_one_gift_bag_main_middle p{
    color: #8E9CC7;
    font-size: .24rem;
    margin-top: .1rem;
    width: 100%;
    height: .70rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding-top: 2px;
}
.five_one_gift_bag_main_r{
    margin-top: .60rem;
    width: 24%;
    float: left;
    text-align: center;	
}
.five_one_gift_bag_main_r p{
	color: #FF0000;
	font-size: .24rem;
	margin-bottom: .15rem;
}
.five_one_gift_bag_main_r a{
	width: .96rem;
	height: .40rem;
	line-height: .40rem;
	background: #4E76FA;
	border-radius: .19rem;
	display: inline-block;
	color: #FFFFFF;
	font-size: .24rem;
}
.five_one_gift_bag_main_r a:hover{
	color: #FFFFFF;
}
.five_one_rule{
	width: 92%;
	height: auto;
	margin: 0 auto;
	margin-top: .64rem;
    position: relative;
}
.five_one_rule_top{
    width: 4.80rem;
    height: .32rem;
    background: url(../images/five_one_main_title3.png) no-repeat;
    background-size: 100% .32rem;
    margin: 0 auto;
	top:0;
    position: absolute;
    right: 0;
    left: 0;
}
.five_one_rule_main{
	margin-top: .69rem;
	display: inline-block;
}
.five_one_rule_main p{
	color: #FFFFFF;
	font-size: .26rem;
	line-height: .38rem;
	margin-top: .18rem;
}

.five_one_game{
	display:none;
	width:100%;
	height: auto;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
}
.five_one_game h1{
    color: #000;
    font-size: .34rem;
    text-align: center;
    margin-top: .33rem;
    font-weight: 700;
}
.five_one_game_select {
	display: inline-block;
    width: 100%;
}
.five_one_game_but{
	width: 100%;
	height: auto;
	text-align: center;
}
.five_one_game_but a{
	width: 80%;
	height: .86rem;
	line-height: .86rem;
	color: #ffffff;
	background: #3160D1;
	text-align: center;
	display: inline-block;
}
.five_one_payment{
	display:none;
	width:100%;
	height: 7.55rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
}
.five_one_payment h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.five_one_payment h1{
	color: #F4304E;
	font-size: .42rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.five_one_payment_main{
	width: 100%;
	height: auto;
}
.five_one_payment .five_one_payment_main_list{
	width: 100%;
	margin-top: .25rem;
	height: auto;
	display: inline-block;
	padding-bottom: .35rem;
}
.five_one_payment .five_one_payment_main_list p{
	float: left;
	margin-left: .29rem;
	color: #000;
	font-size: .28rem;
	text-align: center;
}
.five_one_payment .five_one_payment_main_list span {
    float: right;
    margin-right: .31rem;
    color: #E11010;
    font-size: .28rem;
    font-weight: 700;
}
.five_one_payment_method{
	width: 100%;
	margin-top: .52rem;
}
.five_one_payment_method p{
	float: left;
	margin-left: .29rem;
	color: #383D42;
	font-size: .26rem;
	font-weight: 700;
}
.five_one_payment_method span{
	float: right;
	color: #999;
	font-size: .28rem;
    margin-right: .3rem;
}
.five_one_payment_balance{
    margin-top: .38rem;
    display: inline-block;
    width: 100%;
}
.five_one_payment_balance_ye{
	width: .36rem;
	height: .36rem;
	margin-left: .28rem;
	margin-right: .11rem;
	float: left;
}
.five_one_payment_balance h3{
	float: left;
	color: #383D42;
	font-size: .28rem;
}
.five_one_payment_balance em{
	color: #999;
	font-size: .28rem;
}
.five_one_payment_balance span{
	width: .38rem;
	height: .38rem;
	background: url(../images/turn_gou1.png) no-repeat;
	margin-right: .31rem;
	margin-top: .1rem;
	float: right;
	background-size: .38rem .38rem;
}
.five_one_payment_main .five_one_payment_balance_select{
	background: url(../images/turn_gou2.png) no-repeat;
	background-size: .38rem .38rem;
}
.five_one_middle_confirm {
    width: 94%;
    margin: 0 auto;
    margin-bottom: .3rem;
}
.five_one_middle_confirm button {
    width: 100%;
    height: .82rem;
    background: #1E4DFC;
    color: #fff;
    text-align: center;
    line-height: .82rem;
    font-size: .32rem;
    display: inline-block;
    margin-top: .3rem;
    border-radius: 12px;
}

.five_one_record{
	display:none;
	width:100%;
	height: 5.55rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
	overflow: auto;
}
.five_one_record h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.five_one_record_main{
	width: 94%;
	margin: 0 auto;
	height: auto;
	display: flex;
	border-bottom: 1px solid #eee;
    padding: .2rem 0;
}
.five_one_record_main_l{
	flex: 1;
}
.five_one_record_main_l span{
	font-size: .24rem;
	color: #666;
}
.five_one_record_main_l p{
	margin-top: .1rem;
	font-size: .24rem;
	color: #666;
}
.five_one_record_main_r{
	text-align: right;
}
.five_one_record_main_r h1{
	font-size: .28rem;
	color: #333333;
}
.five_one_record_main_r em{
	font-size: .24rem;
	color: #F4340e;
}

.animate2 {
	color: #666666;
	font-size: .24rem;
	width: 100%;
	white-space: nowrap;
}
.five_one_password{
	display: none;
	height:auto;
	width:100%;
	margin:0 auto;
	background:#fff;
	border-radius:.26rem;
	overflow:hidden;
	padding-bottom: .3rem;
}
.five_one_password_con{
	width: 100%;
	height: auto;
}
.five_one_password_con h2{
	font-size: .32rem;
	font-weight: 700;
	text-align: center;
	margin-top: .6rem;
}
.five_one_password_box{
	width: 90%;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto;
    border: 1px solid #eee;
    border-radius: .06rem;
	margin-top: .6rem;
	text-indent: 8px;
}
.five_one_password_box input{
	width: 90%;
	height: 90%;
}
.box{
	width: 100%;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}

.five_one_conprize {
    position: relative;
    margin: 0 auto;
    width: 80%;
    height: .6rem;
    line-height: .6rem;
	background: #000000;
	opacity: 0.4;
    right: 0;
    left: 0;
    border-radius: .08rem;
    top: .0rem;
    bottom: .6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.five_one_conprize p {
    line-height: .6rem;
    font-size: .2rem;
    color: #FFFFFF;
    text-align: center;
}


/* 开盲盒 */
.blind_box{
	width: 100%;
	height: auto;
	min-height: 100%;
	background: #16045a;
	padding-bottom: .6rem;
}
.blind_box_bg{
	width: 100%;
	height: 9.67rem;
	background: url(../images/blind_box_bg.jpg) no-repeat;
	background-size: 100% 9.67rem;
	position: relative;
	text-align: center;
}
.blind_box_button{
	width: 2.10rem;
	height: .78rem;
	background: url(../images/blind_box_button.png) no-repeat;
	background-size: 2.10rem .78rem;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.0rem;
}
.blind_box_roll{
	width: 94%;
	height: .69rem;
	line-height: .69rem;
	background: url(../images/blind_box_roll.png) no-repeat;
	background-size: 94% .69rem;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
    bottom: .05rem;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.blind_box_roll p {
    font-size: .2rem;
    color: #FFFFFF;
    text-align: center;
}
.blind_box_main{
	width: 100%;
	height: auto;
	display: inline-block;
	position: relative;
}
.blind_box_main_left{
	width: 2.02rem;
	height: .72rem;
	line-height: .72rem;
	background: url(../images/main_left.png) no-repeat;
	background-size: 2.02rem .72rem;
	position: absolute;
    top: -16px;
	left: 5%;
}
.blind_box_main_left h2{
	text-align: left;
	color: #1a38b5;
	font-weight: 700;
	margin-top: .08rem;
	margin-left: .15rem;
}
.blind_box_main_right{
	width: 2.02rem;
	height: .72rem;
	line-height: .72rem;
	background: url(../images/main_right.png) no-repeat;
	background-size: 2.02rem .72rem;
	position: absolute;
    top: -16px;
	right: 5%;
}
.blind_box_main_right a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.blind_box_main_right h2{
    text-align: right;
    color: #1a38b5;
    font-weight: 700;
    margin-top: .08rem;
    margin-right: .15rem;
}
.blind_box_article_top{
	width: 3.78rem;
    height: .45rem;
	line-height: .45rem;
    background: url(../images/blind_box_article_top.png) no-repeat;
    background-size: 3.78rem .45rem;
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.blind_box_article_top h2{
	color: #F5BD4A;
    text-align: center;
    font-size: .24rem;
    font-weight: 700;
}
.blind_box_article {
	width: 100%;
	height: 2.26rem;
	background: url(../images/blind_box_bg2.jpg) no-repeat;
	background-size: 100% 2.26rem;
	position: relative;
	top: 0;
}
.blind_box_article_con{
	width: 85%;
	margin: 0 auto;
	height: 2.26rem;
}
.blind_box_article_con_list{
	width: 1.64rem !important;
    height: 1.78rem !important;
    background: url(../images/blind_box_bg3.png) no-repeat;
    background-size: 100% 1.78rem;
    margin-right: .10rem;
    text-align: center;
    margin-top: .25rem;
}
.blind_box_article_con_list img{
	width: 1rem;
    height: 1rem;
    margin-top: .2rem;
    border-radius: .2rem;
}
.blind_box_article_con_list h2{
	color: #F5BD4A;
	font-size: .24rem;
    margin-top: .08rem;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}
.blind_box_footer{
	margin-top: .44rem;
	width: 100%;
	height: auto;
}
.blind_box_footer_rule{
	width: 100%;
	height: auto;
	text-align: center;
}
.blind_box_footer_rule h2{
	color: #F5BD4A;
	font-size: .26rem;
	margin-bottom: .5rem;
	text-align: center;
}
.blind_box_footer_rule_con{
	width: 94%;
	margin: 0 auto;
	display: inline-block;
}
.blind_box_footer_rule_con p{
	font-size: .24rem;
	color: #F5BD4A;
	line-height: .4rem;
	text-align: left;
}
.blind_box_inquiry_box{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
}
.blind_box_inquiry_box_con{
	width: 94%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	background: #ffffff;
}
.blind_box_inquiry_box_con h2{
	margin-top: .5rem;
	margin-bottom: .5rem;
	font-size: .30rem;
	font-weight: 700;
}
.blind_box_inquiry_box_buttom{
	padding-bottom: .5rem;
	display: flex;
}
.blind_box_inquiry_box_buttom a{
    flex: 1;
    width: 30%;
    height: .45rem;
    line-height: .45rem;
    border: 1px solid #EEEEEE;
    margin: 0 .5rem;
	display: inline-block;
}
.encourage_reward_conter{
	position: relative;
}
.encourage_reward{
    width: 100%;
    height: auto;
    background: linear-gradient(180deg, #F3B06C, #EE8454);
    border-radius: .20rem;
    margin: 0 auto;
    padding: .13rem 0;
    position: relative;
}
.encourage_reward_con{
	width: 94%;
	height: auto;
    background: #FFFFFF;
    margin: 0 auto;
	text-align: center;
	border-radius: .20rem;
}
.encourage_reward_top{
    width: 4.91rem;
    height: 2.12rem;
    background: url(../images/encourage_reward_top.png) no-repeat;
    background-size: 4.91rem 2.12rem;
    position: absolute;
    top: -106px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.encourage_reward_con img{
	width: 1.50rem;
	height: 1.5rem;
    margin: .5rem;
}
.encourage_reward_con h2{
	color: #B7643D;
	font-size: .38rem;
    padding-bottom: 1.23rem;
}
.encourage_reward_footer{
	width: 4.06rem;
	height: .97rem;
	background: url(../images/encourage_reward_footer.png) no-repeat;
	background-size: 4.06rem .97rem;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -30px;
}
/* 盲盒记录 */
.blind_box_recording{
	width: 100%;
	height: auto;
	background-color: #F3F6FB;
	overflow: hidden;
	padding-bottom: .5rem;
}
.blind_box_recording_list{
	width: 94%;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: .10rem;
	margin-top: .20rem;
    overflow: hidden;
	padding-bottom: .20rem;
}
.blind_box_recording_list_top{
	width: 94%;
	margin: 0 auto;
	margin-top: .29rem;
	display: flex;
}
.blind_box_recording_list_top h2{
	width: 50%;
	flex: 1;
	color: #111111;
	font-size: .30rem;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.blind_box_recording_list_top span{
	color: #AAAAAA;
	font-size: .26rem;
}
.blind_box_recording_list_footer{
    background: #FAFAFA;
    padding: .20rem;
    width: 90%;
    margin: 0 auto;
    margin-top: .20rem;
    border-radius: .10rem;
	display: flex;
}
.blind_box_recording_list_footer p{
	color: #AAAAAA;
	font-size: .24rem;
	width: 75%;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.blind_box_recording_list_footer a{
	color: #2285FC;
	font-size: .24rem;
	
}


/* 端午 */
.dragon_boat_festival{
	width: 100%;
	height: auto;
	min-height: 100%;
}
.dragon_boat_festival_header{
	width: 100%;
	height: 6.64rem;
	background: url(../images/dragon_boat_festival.jpg) no-repeat;
	background-size: 100% 6.64rem;
	position: relative;
	text-align: center;
}
.dragon_boat_festival_name{
    width: auto;
    height: .52rem;
    line-height: .52rem;
    background: #F7F9FA;
    opacity: 0.8;
    border-radius: .10rem;
    display: flex;
    position: absolute;
    left: .30rem;
    top: .30rem;
}
.dragon_boat_festival_name span{
	width: .52rem;
	height: .52rem;
	background: url(../images/festival_name.png) no-repeat;
	background-size: .52rem .52rem;
	display: inline-block;
	flex: 1;
}
.dragon_boat_festival_name h2{
	padding: 0 .1rem;
	color: #111111;
	font-size: .24rem;
	font-weight: 700;
}
.dragon_boat_festival_header a{
    height: .40rem;
    line-height: .40rem;
    background: #000000;
    color: #FFFFFF;
    font-size: .24rem;
    opacity: 0.6;
    border-radius: .20rem;
    display: inline-block;
    padding: 0 .2rem;
    position: absolute;
    left: .30rem;
	top: .96rem;
}
.dragon_boat_festival_center{
	width: 100%;
	height: 23.0rem;
	background: url(../images/dragon_boat_festival_center.jpg) no-repeat;
	background-size: 100% 23.0rem;
}
.dragon_boat_festival_main{
	width: 100%;
	height: 5.72rem;
	background: url(../images/duanwu_aaa04.png) no-repeat;
	background-size: 100% 5.72rem;
	overflow: hidden;
}
.dragon_boat_festival_main_top{
	width: 94%;
	height: auto;
	margin: 0 auto;
	border-radius: .24rem;
	margin-top: 1.3rem;
}
.dragon_boat_festival_main_top_title{
	width: 100%;
	height: 1.0rem;
	line-height: 1.0rem;
	background: linear-gradient(-90deg, #34BF8E 0%, #B2D447 100%);
	border-radius: .24rem .24rem 0 0;
}
.dragon_boat_festival_main_top_title_l{
	width: 2.93rem;
	height: .47rem;
    margin-left: .3rem;
}
.dragon_boat_festival_main_top_title_r{
	width: 1.94rem;
	height: 1.0rem;
	float: right;
}
.dragon_boat_festival_main_top_list{
	width: 100%;
	height: auto;
}
.dragon_boat_festival_main_bottom{
	display: flex;
}
.dragon_boat_festival_main_bottom_list{
	width: 33.3%;
	height: auto;
	text-align: center;
	padding-bottom: .24rem;
}
.dragon_boat_festival_main_bottom_list img{
	width: 1.42rem;
	height: 1.45rem;
	margin-top: .22rem;
	margin-bottom: .08rem;
}
.dragon_boat_festival_main_bottom_list h2{
	color: #F06200;
	font-size: .24rem;
	width: 90%;
	margin: 0 auto;
	margin-bottom: .07rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dragon_boat_festival_main_bottom_list a{
    width: 1.3rem;
    height: .52rem;
    background: url(../images/duanwu_26.png) no-repeat;
	background-size: 1.3rem .52rem;
    display: inline-block;
    line-height: .52rem;
    color: #fff;
    font-size: 12px;
}
.dragon_boat_festival_main_bottom_list a:hover{
	color: #FCF8DB;
}
.dragon_boat_festival_carousel{
    width: 85%;
    height: .55rem;
    line-height: .55rem;
    border-radius: .10rem;
    background: #DDF9B2;
    margin: 0 auto;
	margin-top: .30rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.dragon_boat_festival_carousel p{
	color: #0F740E;
}


.dragon_boat_festival_rule{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: .83rem;
    text-align: center;
}
.dragon_boat_festival_rule img{
    width: 3.52rem;
    height: .29rem;
}
.dragon_boat_festival_rule_conter{
	width: 100%;
	height: auto;
    margin-top: .5rem;
	display: inline-block;
}
.dragon_boat_festival_rule_conter p{
	font-size: .24rem;
	color: #FFFFFF;
	line-height: .4rem;
	text-align: left;
}
.dragon_boat_festival_section{
	width: 100%;
	height: 10.42rem;
	background: url(../images/duanwuaaa_03.png) no-repeat;
	background-size: 100% 10.42rem;
	margin-top: .79rem;
}
.dragon_boat_festival_section_title{
	width: 100%;
	height: auto;
    text-align: center;
    margin-top: .8rem;
	margin-bottom: .54rem;
}
.dragon_boat_festival_section_title img{
	width: 3.25rem;
	height: .43rem;
}
.dragon_boat_festival_section_content{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.dragon_boat_festival_section_content_top{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: 1.5rem;
}
.dragon_boat_festival_section_content_top_img{
	width: 3.52rem;
	height: .29rem;
	background: url(../images/duanwu_13.png) no-repeat;
	background-size: 3.52rem .29rem;
	margin-top: .40rem;
	text-align: center;
	margin: 0 auto;
}
.dragon_boat_festival_present{
	width: 100%;
	height: auto;
	margin-top: .38rem;
	display: flex;
}
.dragon_boat_festival_present_list{
	width: 33.3%;
	height: auto;
	text-align: center;
}
.dragon_boat_festival_salty{
	width: 1.90rem;
	height: 2.65rem;
	margin: 0 auto;
	position: relative;
}
.dragon_boat_festival_salty img{
	width: 1.45rem;
	height: 1.17rem;
}
.dragon_boat_festival_salty h2{
	width: 90%;
	margin: 0 auto;
	margin-top: .16rem;
	text-align: center;
	color: #0F740E;
	font-size: .26rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.dragon_boat_festival_salty p{
	color: #F06200;
	width: 100%;
	font-size: .24rem;
}
.dragon_boat_festival_salty button{
    width: 1.3rem;
    height: .52rem;
    background: url(../images/duanwu_26.png) no-repeat;
    background-size: 1.3rem .52rem;
    display: inline-block;
    line-height: .52rem;
    color: #fff;
    font-size: 12px;
	margin-top: .15rem;
}
.dragon_boat_festival_salty button:hover{
	color: #FFFFFF;
}
.dragon_boat_festival_salty span{
	background: #F2FDDC;
	color: #336666;
    width: .37rem;
    height: .37rem;
    line-height: .37rem;
    display: inline-block;
    position: absolute;
    left: .01rem;
    top: .05rem;
    border-radius: 6px 0;
}
.dragon_boat_festival_sugar{
	width: 1.90rem;
	height: 2.65rem;
	background: url(../images/dragon_boat_festival_sugar.png) no-repeat;
	background-size: 1.90rem 2.65rem;
    margin: 0 auto;
    position: relative;
}
.dragon_boat_festival_sugar h2{
	position: absolute;
	left: 0;
	right: 0;
	bottom: .8rem;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #FFFFEA;
	font-size: .24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.dragon_boat_festival_sugar button{
	position: absolute;
	left: 0;
	right: 0;
	bottom: .29rem;
	width: .9rem;
	height: .38rem;
	line-height: .38rem;
	background: #FCF8DB;
	color: #206B44;
	border-radius: 19px;
	margin: 0 auto;
	display: inline-block;
}
.dragon_boat_festival_sugar button:hover{
	color: #206B44;
}
.dragon_boat_festival_sugar span{
	background: #F2FDDC;
	color: #336666;
    width: .37rem;
    height: .37rem;
    line-height: .37rem;
    display: inline-block;
    position: absolute;
    left: .02rem;
    top: .05rem;
    border-radius: 6px 0;
}
.dragon_boat_festival_meat{
	width: 1.90rem;
	height: 2.65rem;
	background: url(../images/dragon_boat_festival_meat.png) no-repeat;
	background-size: 1.90rem 2.65rem;
    margin: 0 auto;
    position: relative;
}
.dragon_boat_festival_meat h2{
	position: absolute;
	left: 0;
	right: 0;
	bottom: .8rem;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #FFFFEA;
	font-size: .24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.dragon_boat_festival_meat button{
	position: absolute;
	left: 0;
	right: 0;
	bottom: .29rem;
	width: .9rem;
	height: .38rem;
	line-height: .38rem;
	background: #FCF8DB;
	color: #206B44;
	border-radius: 19px;
	margin: 0 auto;
	display: inline-block;
}
.dragon_boat_festival_meat button:hover{
	color: #206B44;
}
.dragon_boat_festival_meat span{
	background: #F2FDDC;
	color: #336666;
    width: .37rem;
    height: .37rem;
    line-height: .37rem;
    display: inline-block;
    position: absolute;
    left: .01rem;
    top: .05rem;
    border-radius: 6px 0;
}
.dragon_boat_festival_section_content_middle{
	width: 94%; 
	height: auto;
	margin: 0 auto;
	margin-top: .5rem;
}
.dragon_boat_festival_section_content_middle_img{
	width: 3.52rem;
    height: .29rem;
    background: url(../images/duanwu_30.png) no-repeat;
    background-size: 3.52rem .29rem;
    margin-top: .40rem;
    text-align: center;
    margin: 0 auto;
}
.dragon_boat_festival_task{
	width: 100%;
	height: auto;
	margin-top: .18rem;
}
.dragon_boat_festival_task_sign_in{
	width: 100%;
	height: 1.25rem;
	border-radius: 12px;
	margin-bottom: .10rem;
	display: flex;
}
.dragon_boat_festival_task_sign_in_left{
	flex: 1;
	margin-left: .32rem;
}
.dragon_boat_festival_task_sign_in_left h2{
	margin-top: .28rem;
	margin-bottom: .14rem;
	color: #0F740E;
	font-size: .30rem;
	font-weight: 700;
}
.dragon_boat_festival_task_sign_in_left span{
	color: #F06200;
	font-size: .24rem;
}
.dragon_boat_festival_task_sign_in button{
    width: 1.3rem;
    height: .52rem;
    background: url(../images/duanwu_26.png) no-repeat;
    background-size: 1.3rem .52rem;
    display: inline-block;
    line-height: .52rem;
    color: #fff;
    font-size: 12px;
    margin-top: .44rem;
}
.dragon_boat_festival_task_sign_in button:hover{
	color: #FFFFFF;
}
.dragon_boat_festival_task_share{
	width: 100%;
	height: 1.25rem;
	border-radius: 12px;
	margin-bottom: .10rem;
	display: flex;  
}
.dragon_boat_festival_task_share_left{
	flex: 1;
	margin-left: .32rem;
}
.dragon_boat_festival_task_share_left h2{
	margin-top: .28rem;
	margin-bottom: .14rem;
	color: #0F740E;
	font-size: .30rem;
	font-weight: 700;
}
.dragon_boat_festival_task_share_left span{
	color: #F06200;
	font-size: .24rem;
}
.dragon_boat_festival_task_share button{
    width: 1.3rem;
    height: .52rem;
    background: url(../images/duanwu_26.png) no-repeat;
    background-size: 1.3rem .52rem;
    display: inline-block;
    line-height: .52rem;
    color: #fff;
    font-size: 12px;
    margin-top: .44rem;
}
.dragon_boat_festival_task_share button:hover{
	color: #FCF8DB;
}
.dragon_boat_festival_task_invitation{
	width: 100%;
	height: 1.25rem;
	border-radius: 12px;
	margin-bottom: .10rem;
	display: flex;
}
.dragon_boat_festival_task_invitation_left{
	flex: 1;
	margin-left: .32rem;
}
.dragon_boat_festival_task_invitation_left h2{
	margin-top: .28rem;
	margin-bottom: .14rem;
	color: #0F740E;
	font-size: .30rem;
	font-weight: 700;
}
.dragon_boat_festival_task_invitation_left span{
	color: #F06200;
	font-size: .24rem;
}
.dragon_boat_festival_task_invitation button{
	width: 1.3rem;
    height: .52rem;
    background: url(../images/duanwu_26.png) no-repeat;
    background-size: 1.3rem .52rem;
    display: inline-block;
    line-height: .52rem;
    color: #fff;
    font-size: 12px;
    margin-top: .44rem;
}
.dragon_boat_festival_task_invitation button:hover{
	color: #FCF8DB;
}
.dragon_boat_festival_reward{
	width: 100%;
	height: auto;
    text-align: center;
}
.dragon_boat_festival_reward_conter{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	height: 100%;
	padding-bottom: .5rem;
	background: #FFFFFF;
}
.dragon_boat_festival_reward_conter h2{
    font-size: .34rem;
    font-weight: 700;
    color: #333;
    padding: .5rem 0;
}
.dragon_boat_festival_reward_conter p{
    font-size: .28rem;
    color: #000;
    font-weight: 700;
    padding-bottom: .5rem;
}
.dragon_boat_festival_reward_conter a{
	background: #48B57B;
	color: #FCF8DB;
	border-radius: .2rem;
	padding: .1rem .5rem;
	display: inline-block;
	text-align: center;
}

.dragon_boat_festival_receive{
	width: 100%;
	height: auto;
    text-align: center;
}
.dragon_boat_festival_receive_conter{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	height: 100%;
	padding-bottom: .5rem;
	background: #FFFFFF;
}
.dragon_boat_festival_receive_conter h2{
    font-size: .34rem;
    font-weight: 700;
    color: #000000;
    padding: .5rem 0;
}
.dragon_boat_festival_receive_conter p{
	font-size: .28rem;
	color: #999999;
	padding-bottom: .5rem;
}
.dragon_boat_festival_receive_conter a{
    display: inline-block;
    text-align: center;
    width: 100px;
    height: 33px;
    line-height: 33px;
    background: linear-gradient(
0deg, #07C584 0%, #A4F9A0 100%);
    box-shadow: 0px 0px 2px 0px #d2c330;
    border-radius: 10px;
    color: #fff;
}
.{
	display: none;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.4s;
}
.dragon_boat_festival_share{
	width: 100%;
	height: 100%;
	max-width: 768px;
	margin: 0 auto;
}
.dragon_boat_festival_share_conter {
    height: 4.12rem;
    background: #fff;
    width: 100%;
    bottom: 0px;
    border-top: 1px solid #eee;
    /* max-width: 768px; */
    margin: 0 auto;
    right: 0;
    left: 0;
	text-align: center;
}
.dragon_boat_festival_share_conter_top {
    height: 3.12rem;
	width: 100%;
	text-align: center;
    overflow: hidden;
	background: #F2F2F2;
}
.dragon_boat_festival_share_conter_top a{
	width: 23%;
	display: inline-block;
    text-align: center;
}
.dragon_boat_festival_share_conter_top img{
	width: 1.0rem;
    height: 1.0rem;
    margin-top: .85rem;
    margin-bottom: .25rem;
}
._tianyuyou_z_share_top_con {
    height: 1.85rem;
    width: 50%;
    margin: 0 auto;
}
.dragon_boat_festival_share_conter_mill {
    height: .92rem;
    line-height: .92rem;
}
.dragon_boat_festival_share_conter_mill a {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    color: #111;
    font-size: .32rem;
    text-align: center;
    border-top: .08rem solid #eee;
}
.share_bg_conter{
	height: auto;
	display: inline-block;
	position: relative;
	bottom: 12.25rem;
    height: 8.70rem;
    width: 5.20rem;
}
.share_bg{
    position: absolute;
    z-index: 9;
    width: 5.20rem;
    height: 8.70rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.share_code{
	position: absolute;
	z-index: 9;
	width: 1.4rem;
	height: 1.4rem;
	bottom: 29px;
	right: 26px;
}

.dragon_boat_festival_record{
	width: 100%;
	height: auto;
	text-align: center;
    background: #Ffff;
    max-width: 700px;
    margin: 0 auto;
}
.dragon_boat_festival_record_conter{
	width: 100%;
	height: 100%;
	padding-bottom: .5rem;
}
.dragon_boat_festival_record_conter h2{	
	font-size: .34rem;
	font-weight: 700;
	color: #000000;
	padding-top: .5rem;
}
.dragon_boat_festival_record_main{
	width: 90%;
	margin: 0 auto;
	max-height: 200px;
	overflow: auto;
}
.dragon_boat_festival_record_main_list{
	width: 100%;
	height: auto;
	padding: .3rem 0;
	border-bottom: 1px solid #EEEEEE;
	display: flex;
}
.dragon_boat_festival_record_main_list h2{
	flex: 2;
}
.dragon_boat_festival_record_main_list span{
	flex: 1;
}
.dragon_boat_festival_record_main_list em{
	flex: 1;
}
.dragon_boat_festival_record_main_list_left{
	flex: 1;
	text-align: left;
}



/* 积分领奖 */
.receive_prize{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.receive_prize_top{
	width: 100%;
	height: 4.07rem;
	background: url(../images/receive_prize.png) no-repeat;
	background-size: 100% 4.07rem;
	position: relative;
}
.receive_prize_top h2{
	position: absolute;
	top: 1.35rem;
	left: .58rem;
	font-size: .8rem;
	color: #FFFFFF;
	text-shadow: 0px 2px 0px rgba(118,24,12,0.7000);
}
.receive_prize_top span{
	padding: .09rem .18rem;
	background: linear-gradient(-90deg, #EC5F4E 0%, #F09A50 100%);
	border-radius: 24px;
	color: #FFFFFF;
	position: absolute;
	top: 2.5rem;
	left: .50rem;
}
.receive_prize_main{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	border-radius: .4rem .4rem 0px 0px;
	position: relative;
	top: -25px;
	overflow: hidden;
}
.receive_prize_integration{
	width: 94%;
	margin: 0 auto;
	margin-top: .70rem;
}
.receive_prize_integration_h2{
	color: #111111;
	font-size: .34rem;
	font-weight: 700;
}
.receive_prize_integration i{
	font-style:oblique
}
.receive_prize_integration_content{
	width: 98%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	margin-top: .51rem;
}
.receive_prize_integration_content p{
	color: #333;
	margin-top: 0.4rem;
}
.receive_prize_integration_content a{
	color: #1A73E8;
}
.receive_prize_integration_content a:hover{
	color: #1A73E8;
}
.receive_prize_integration_content_list{
	display: inline-block;
	width: 100%;
	margin-bottom: .30rem;
}
.receive_prize_integration_content_list input{
	width: 100%;
    height: .96rem;
    border-radius: .48rem;
    text-indent: .6rem;
	background: #F5F7F7;
}
.receive_prize_integration_content_verify{
	display: inline-block;
    width: 100%;
    margin-bottom: .30rem;
    background: #F5F7F7;
    border-radius: .48rem;
    text-indent: .6rem;
}
.receive_prize_integration_content_verify input{
	width: 60%;
	height: .96rem;
	background: #F5F7F7;
}
.receive_prize_integration_content_verify button{
	color: #1A73E8;
	background: none;
}
.receive_prize_integration_button {
	width: 100%;
	height: auto;
}
.receive_prize_integration_button button{
	width: 100%;
	height: .94rem;
	background: #1A73E8;
	font-size: .32rem;
	color: #FFFFFF;
	border-radius: .48rem;
}
.receive_prize_integration .empty{
    width: 4.06rem;
    height: 4.0rem;
    background: url(../images/receive_prize_empty.png) no-repeat;
    background-size: 4.06rem 4.0rem;
    margin: 0 auto;
}
.receive_prize_article{
	width: 94%;
	margin: 0 auto;
	margin-top: .70rem;
}
.receive_prize_article_h2{
	color: #111111;
    font-size: .34rem;
    font-weight: 700;
}
.receive_prize_article_h2 i{
	font-style: oblique;
}
.receive_prize_article_content{
	width: 100%;
	margin: 0 auto;
	height: auto;
	margin-top: .20rem;
}
.receive_prize_article_content_list{
	width: 32%;
	height: auto;
	text-align: center;
	display: inline-block;
	margin-top: .33rem;
}
.receive_prize_article_content_bg{
	width: 90%;
	margin: 0 auto;
	border-radius: .14rem;
	background: linear-gradient(45deg, #DEDDE2 0%, #F4F4F6 49%, #DEDDE2 100%);
}
.receive_prize_article_content_bg img{
	width: 80px;
	height: 80px;
	padding: 10px 0px;
	margin: 0 auto;
	text-align: center;
}
.receive_prize_article_content_list h2{
	margin-top: .14rem;
	color: #111111;
	font-size: .28rem;
	font-weight: 700;
}
.receive_prize_article_button {
    width: 100%;
    height: auto;
	margin-top: .61rem;
}
.receive_prize_article_button a {
	width: 100%;
	height: 0.94rem;
	background: #1A73E8;
	font-size: .32rem;
	color: #FFFFFF;
	border-radius: 0.48rem;
	display: inline-block;
	line-height: 0.94rem;
	text-align: center;
}
.receive_prize_article_button a:hover{
	color: #FFFFFF;
}
.delectImg {
	display:block;
}
.delectImg input,.delectImg p{
	display:inline-block;
}
.delectImg p{
	width: 100px;
}

.codeHide{
	display: none !important;
}
.codeShow{
	display: block;
}	

.receive_prize_register{
	text-align: center;
	margin-top: .3rem;
}
.receive_prize_register a{
	color: #1A73E8;
}
.receive_prize_register a:hover{
	color: #1A73E8;
}

.valentines_day{
	width: 100%;
	height: auto;
}
.valentines_day_bg{
	width: 100%;
	height: 6.98rem;
	background: url(../images/valentines_day_bg.png) no-repeat;
	background-size: 100% 6.98rem;
	position: relative;
}
.valentines_day_a {
    width: auto;
    height: .44rem;
    line-height: .47rem;
    padding: 0 .28rem;
    text-align: center;
    color: #4E62A2;
    font-size: .22rem;
    background: #fffeff;
    display: inline-block;
    border-radius: .22rem;
    border: 1px solid #fff;
    font-weight: 700;
    position: absolute;
    right: .3rem;
    top: .3rem;
}
.valentines_day_activity_rules {
    width: auto;
    height: .44rem;
    background: #000000;
    opacity: 0.4;
    padding: 0 .2rem;
    position: absolute;
    right: 0;
    top: .9rem;
    border-radius: 12px 0 0 12px;
    color: #fff;
}
.valentines_day_main{
	width: 100%;
	height: 25.99rem;
	background: url(../images/valentines_day_main.jpg) no-repeat;
	background-size: 100% 24.99rem;
	position: relative;
}
.valentines_day_conprize {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: .6rem;
    line-height: .6rem;
    background: #C4CFFC;
    right: 0;
    left: 0;
    border-radius: .08rem;
    top: .0rem;
    bottom: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.valentines_day_conprize p {
    line-height: .6rem;
    font-size: .2rem;
    color: #4E62A2;
    text-align: center;
}
.valentines_day_conprize i{
	color: red;
}
.valentines_day_center{
	width: 94%;
	margin: 0 auto;
}
.valentines_day_title1{
    width: 100%;
    height: auto;
    text-align: center;
}
.valentines_day_title1 img{
	width: 4.9rem;
    height: 1.08rem;
	margin-top: 0.5rem;
}
.valentines_day_main_bg {
    width: 100%;
    height: 8.20rem;
    background: #C4CFFC;
	box-shadow: 0px 0px 4px 0px rgba(2,15,53,0.7000);
	border-radius: 20px;
    position: relative;
    top: .6rem;
}
.valentines_day_golden_week {
    width: 100%;
    height: auto;
    position: absolute;
	top: .3rem;
}
.valentines_day_section {
    width: 96%;
    height: 3.5rem;
    background: url(../images/valentines_day_section2.png) no-repeat;
    background-size: 100% 3.5rem;
    margin: 0 auto;
    text-align: center;
    padding-bottom: .2rem;
}
.valentines_day_section2 {
    width: 96%;
    height: 3.5rem;
    background: url(../images/valentines_day_section.png) no-repeat;
    background-size: 100% 3.5rem;
    margin: 0 auto;
    text-align: center;
    padding-bottom: .2rem;
	position: relative;
}
.valentines_day_conter {
    width: 94%;
    margin: 0 auto;
    margin-top: .68rem;
    display: inline-block
}
.valentines_day_conter_list {
	height: 2.1rem;
    background: #FFFFFF;
    border: 2px solid #242ECB;
	border-radius: 10px;
    width: 26%;
    margin: .1rem;
    margin-top: .2rem;
    display: inline-block;
}
.valentines_day_conter_list h2 {
    color: #212121;
    font-size: .28rem;
    margin-top: .13rem;
}
.valentines_day_conter_list p {
    width: .72rem;
    height: .68rem;
    background: url(../images/standard1.png) no-repeat;
    background-size: 100% .68rem;
    margin: 0 auto;
    margin-bottom: .05rem;
}
.valentines_day_conter_list span{
	color: #5963E4;
	font-size: .24rem;
	padding-bottom: .20rem;
}
.animate2 {
    color: #666666;
    font-size: .24rem;
    width: 100%;
    white-space: nowrap;
}
.valentines_day_conter .valentines_day_expired {
    background: #F4F4F4;
    border: 2px solid #A7A7A7;
}
.valentines_day_conter .valentines_day_receive {
    background: linear-gradient(
0deg, #D2E6F8 0%, #E3F2F4 100%);
    border: 2px solid #699BFD;
	position: relative;
	top: -5px;
}
.valentines_day_conter .valentines_day_receive a {
    width: .96rem;
    height: .38rem;
    line-height: .38rem;
    background: #5963E4;
    display: inline-block;
    color: #FFFFFF;
    font-size: .24rem;
    border-radius: .24rem;
    margin-top: .08rem;
    padding: ;
}
.valentines_day_conter .valentines_day_expired h2 {
    color: #A7A7A7;
}
.valentines_day_conter .valentines_day_expired span {
    color: #A7A7A7;
}
.valentines_day_conter .valentines_day_expired p {
    width: .72rem;
    height: .68rem;
    background: url(../images/standard2.png) no-repeat;
    background-size: 100% .68rem;
    margin: 0 auto;
	margin-top: .10rem;
    margin-bottom: .15rem;
}

.valentines_day_golden_week2_conter {
    width: 94%;
    margin: 0 auto;
    margin-top: .68rem;
    display: inline-block;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
.valentines_day_golden_week2_conter_list {
    height: 2.22rem;
    background: #FFFFFF;
    border: 2px solid #FFE4BE;
    border-radius: 10px;
    width: 26%;
    margin: .1rem;
    margin-top: .2rem;
    display: inline-block;
}
.valentines_day_golden_week2_conter_list h2 {
    color: #62341E;
    font-size: .28rem;
    margin-top: .23rem;
}
.valentines_day_golden_week2_conter_list p {
    width: .69rem;
    height: .80rem;
    background: url(../images/week2_conter.png) no-repeat;
    background-size: 100% .80rem;
    margin: 0 auto;
    margin-top: .10rem;
    margin-bottom: .15rem;
}
.valentines_day_golden_week2_conter_list span {
    color: #B02323;
    font-size: .24rem;
    padding-bottom: .20rem;
}

.valentines_day_golden_week2_conter .golden_week2_expired {
    background: #F4F4F4;
    border: 2px solid #A7A7A7;
}
.valentines_day_golden_week2_conter .golden_week2_expired h2 {
    color: #A7A7A7;
}
.valentines_day_golden_week2_conter .golden_week2_expired p {
    width: .69rem;
    height: .80rem;
    background: url(../images/week2_conter1.png) no-repeat;
    background-size: 100% .80rem;
    margin: 0 auto;
    margin-top: .10rem;
    margin-bottom: .15rem;
}
.valentines_day_golden_week2_conter .golden_week2_expired span {
    color: #A7A7A7;
}
.valentines_day_golden_week2_conter .golden_week2_receive a {
    width: .96rem;
    height: .38rem;
    line-height: .38rem;
    background: #FFDDB6;
    display: inline-block;
    color: #62341E;
    font-size: .24rem;
    border-radius: .24rem;
}

.valentines_day_gift_bag {
    width: 92%;
    height: 9.06rem;
    background: #FFF;
    margin: 0 auto;
    border-radius: .10rem;
    margin-top: .2rem;
    position: relative;
}
.valentines_day_title2 {
    width: 100%;
    height: auto;
    text-align: center;
}
.valentines_day_title2 img {
    width: 4.9rem;
    height: 1.08rem;
    margin-top: 1.3rem;
    margin-bottom: .5rem;
}

.valentines_day_gift_bg{
	width: 100%;
	height: 6.4rem;
	background: #C4CFFC;
	box-shadow: 0px 0px 4px 0px rgb(2 15 53 / 70%);
	border-radius: 20px;
	position: relative;
}
.valentines_day_gift_bag_main {
    width: 94%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: .3rem;
    right: 0;
    left: 0;
}
.valentines_day_gift_bag_main_list {
    width: 100%;
    height: 1.66rem;
    background: url(../images/.five_one_gift_bag_main.png) no-repeat;
    background-size: 100% 1.66rem;
    margin-top: .20rem;
    position: relative;
}
.valentines_day_gift_bag_main_list span {
    position: absolute;
    top: .11rem;
    right: 5%;
    color: #FFFFFF;
    font-size: .24rem;
}
.valentines_day_gift_bag_main_list img {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .20rem;
    margin-left: .20rem;
    float: left;
}
.valentines_day_gift_bag_main_middle {
    margin-left: .21rem;
    width: 45%;
    float: left;
    margin-top: .25rem;
}
.valentines_day_gift_bag_main_middle h2 {
    color: #3051A7;
    font-size: .34rem;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.valentines_day_gift_bag_main_middle p {
    color: #8E9CC7;
    font-size: .24rem;
    margin-top: .1rem;
    width: 100%;
    height: .70rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding-top: 2px;
}
.valentines_day_gift_bag_main_r {
    margin-top: .60rem;
    width: 24%;
    float: left;
    text-align: right;
}
.valentines_day_gift_bag_main_r p {
    color: #FF0000;
    font-size: .24rem;
    margin-bottom: .15rem;
}
.valentines_day_gift_bag_main_r a {
    width: .96rem;
    height: .40rem;
    line-height: .40rem;
    background: #4E76FA;
    border-radius: .19rem;
    display: inline-block;
    color: #FFFFFF;
    font-size: .24rem;
	text-align: center;
}
.valentines_day_gift_bag_main_r a:hover{
	color: #FFFFFF;
}
.valentines_day_rule{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: .8rem;
}
.valentines_day_rule p {
    color: #C4CFFC;
    font-size: .26rem;
    line-height: .38rem;
    margin-top: .18rem;
}


.valentines_day_record{
	display:none;
	width:100%;
	height: 5.55rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
	overflow: auto;
}
.valentines_day_record h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.valentines_day_record_main{
	width: 94%;
	margin: 0 auto;
	height: auto;
	display: flex;
	border-bottom: 1px solid #eee;
    padding: .2rem 0;
}
.valentines_day_record_main_l{
	flex: 1;
}
.valentines_day_record_main_l span{
	font-size: .24rem;
	color: #666;
}
.valentines_day_record_main_l p{
	margin-top: .1rem;
	font-size: .24rem;
	color: #666;
}
.valentines_day_record_main_r{
	text-align: right;
}
.valentines_day_record_main_r h1{
	font-size: .28rem;
	color: #333333;
}
.valentines_day_record_main_r em{
	font-size: .24rem;
	color: #F4340e;
}


.valentines_day_payment{
	display:none;
	width:100%;
	height: 7.55rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
}
.valentines_day_payment h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.valentines_day_payment h1{
	color: #F4304E;
	font-size: .42rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.valentines_day_payment_main{
	width: 100%;
	height: auto;
}
.valentines_day_payment .valentines_day_payment_main_list{
	width: 100%;
	margin-top: .25rem;
	height: auto;
	display: inline-block;
	padding-bottom: .35rem;
}
.valentines_day_payment .valentines_day_payment_main_list p{
	float: left;
	margin-left: .29rem;
	color: #000;
	font-size: .28rem;
	text-align: center;
}
.valentines_day_payment .valentines_day_payment_main_list span {
    float: right;
    margin-right: .31rem;
    color: #E11010;
    font-size: .28rem;
    font-weight: 700;
}
.valentines_day_payment_method{
	width: 100%;
	margin-top: .52rem;
}
.valentines_day_payment_method p{
	float: left;
	margin-left: .29rem;
	color: #383D42;
	font-size: .26rem;
	font-weight: 700;
}
.valentines_day_payment_method span{
	float: right;
	color: #999;
	font-size: .28rem;
    margin-right: .3rem;
}
.valentines_day_payment_balance{
    margin-top: .38rem;
    display: inline-block;
    width: 100%;
}
.valentines_day_payment_balance_ye{
	width: .36rem;
	height: .36rem;
	margin-left: .28rem;
	margin-right: .11rem;
	float: left;
}
.valentines_day_payment_balance h3{
	float: left;
	color: #383D42;
	font-size: .28rem;
}
.valentines_day_payment_balance em{
	color: #999;
	font-size: .28rem;
}
.valentines_day_payment_balance span{
	width: .38rem;
	height: .38rem;
	background: url(../images/turn_gou1.png) no-repeat;
	margin-right: .31rem;
	margin-top: .1rem;
	float: right;
	background-size: .38rem .38rem;
}
.valentines_day_payment_main .valentines_day_payment_balance_select{
	background: url(../images/turn_gou2.png) no-repeat;
	background-size: .38rem .38rem;
}
.valentines_day_middle_confirm {
    width: 94%;
    margin: 0 auto;
    margin-bottom: .3rem;
}
.valentines_day_middle_confirm button {
    width: 100%;
    height: .82rem;
    background: #1E4DFC;
    color: #fff;
    text-align: center;
    line-height: .82rem;
    font-size: .32rem;
    display: inline-block;
    margin-top: .3rem;
    border-radius: 12px;
}

.super_tfloor_bott {
    height: auto;
    text-align: center;
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.super_tfloor_bott p {
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    line-height: 25px;
}
.super_tfloor_bott a{
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	line-height: 25px;
}

/* 中秋 */
.mid_autumn_festival{
	width: 100%;
	height: auto;
}
.mid_autumn_festival_top{
	width: 100%;
	height: 7.35rem;
	background: url(../images/mid_autumn_festival.jpg) no-repeat;
	background-size: 100% 7.35rem;
	position: relative;
}
.mid_autumn_festival_a{
	width: auto;
	height: .44rem;
	line-height: .47rem;
	padding: 0 .28rem;
	text-align: center;
	color: #4E62A2;
	font-size: .22rem;
	background: #fffeff;
	display: inline-block;
	border-radius: .22rem;
	border: 1px solid #fff;
	font-weight: 700;
	position: absolute;
	right: .3rem;
	top: .3rem;
}
.festival_gift{
	width: 5.16rem;
	height: 1.29rem;
	background: url(../images/festival_gift.png) no-repeat;
	background-size: 5.16rem 1.29rem;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.mid_autumn_festival_main{
	width: 100%;
	height: 100%;
    background: url(../images/mid_autumn_festival2.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding-bottom: 1.5rem;
}
.festival_gift_content{
	width: 94%;
    height: auto;
    margin: 0 auto;
    background: url(../images/festival_gift_content.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .3rem;
    padding-bottom: .3rem;
}
.festival_gift_content_list{
	width: 90%;
    height: auto;
    padding-bottom: .2rem;
    margin: 0 auto;
	border-bottom: 1px solid #454490;
	display: flex;
}
.festival_gift_content_login{
	width: .85rem;
	height: .85rem;
	margin-top: .30rem;
}
.festival_gift_content_login img{
	width: .85rem;
	height: .85rem;
}
.festival_gift_content_size{
	flex: 1;
	margin-left: .22rem;
	margin-top: .30rem;
}
.festival_gift_content_size h2{
	color: #FDFDFE;
	margin-bottom: .19rem;
	font-size: .28rem;
}
.festival_gift_content_size p{
	color: #BEBED3;
	font-size: .26rem;
}
.festival_gift_content_size span{
	color:#FFAD00 ;
	margin-left: .1rem;
}
.festival_gift_content_but{
	width: 1.3rem;
	height: .7rem;
	margin-top: .37rem;
}
.festival_gift_content_but a{
	width: 1.3rem;
	height: .7rem;
	line-height: .7rem;
	background: #FF953D;
	border-radius: 35px;
	text-align: center;
	color: #FFFFFF;
	font-size: .26rem;
	display: inline-block;
}
.festival_gift_content_but a:hover{
	color: #FFFFFF;
}
.festival_gift_content .festival_gift_share a{
	background: #5E4ED1;
}
.festival_gift_content .festival_gift_accomplish a{
	background: #24226B;
	color: #BBBBD1;
}
.festival_gift_content .festival_gift_accomplish a:hover{
	color: #BBBBD1;
}
.discount_content{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: .3rem;
	padding-bottom: .3rem;
}
.discount_content_main{
	width: 100%;
	height: auto;
}
.discount_content_top{
	width: 5.16rem;
	height: 1.29rem;
	background: url(../images/mid_autumn_festival_discount.png) no-repeat;
	background-size: 5.16rem 1.29rem;
	margin: 0 auto;
	margin-top: .8rem;
    margin-bottom: .6rem;
}
.discount_content_bgtop{
	width: 100%;
	height: 2.39rem;
	background: url(../images/discount_content_bgtop.png) no-repeat;
	background-size: 100% 2.39rem;
	position: absolute;
    z-index: 999;
	max-width: 768px;
}
.discount_content_article{
	width: 94%;
	height: auto;
	margin: 0 auto;
	background: #23237a;
    position: relative;
    top: .3rem;
    overflow: hidden;
	text-align: center;
}
.discount_content_article_bg{
	width: 94%;
    height: auto;
    background: #2E2D82;
    border: 1px solid #4B50E9;
    margin: .4rem auto;
	display: inline-block;
}
.discount_content_article_list{
	width: 31%;
    margin: 3% 1%;	
    height: 2.6rem;
    background: #4747A5;
    border-radius: 0px 0px .12rem .12rem;
    text-align: center;
	float: left;
}
.discount_content_article_list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.discount_game_bg{
	width: 98%;
	height: 1.98rem;
	background: url(../images/discount_game_bg.png) no-repeat;
	background-size: 100% 1.98rem;
	margin: 1% auto;
	position: relative;
}
.discount_game_bg img{
	width: 1.36rem;
	height: 1.36rem;
	margin: 0 auto;
	margin-top: .15rem;
}
.discount_game_bg p{
	color: #FFFFFF;
	font-size: .24rem;
	margin-top: .11rem;
    width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.discount_game_bg span{
    width: auto;
    height: .34rem;
    background: linear-gradient(
-30deg, #FFB800 0%, #FFE255 100%);
    border-radius: .17rem .17rem 0 .17rem;
    color: #0C0A42;
    font-size: .24rem;
    padding: 0 .07rem;
    display: inline-block;
    position: absolute;
    left: .08rem;
    top: .09rem;
	z-index: 999;
}
.discount_game_size{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.discount_game_size p{
	width: 94%;
    margin: 0 auto;
    margin-top: .12rem;
	font-size: .24rem;
	color: #FFFFFF;
	white-space: nowrap;
	animation: 8s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
	0% {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
}

@-webkit-keyframes wordsLoop {
	0% {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
}
.discount_content_bgbuttom{
	width: 100%;
	height: .72rem;
	background: url(../images/discount_content_bgbuttom.png) no-repeat;
	background-size: 100% .72rem;
	position: absolute;
	z-index: 999;
	max-width: 768px;
}
.mid_autumn_festival_rule{
	width: 100%;
	height: auto;
	margin-top: .6rem;
}
.mid_autumn_festival_rule h2{
	font-size: .30rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 1.2rem;
	margin-bottom: .08rem;
}
.mid_autumn_festival_rule p{
	width: 94%;
    color: #FDFDFE;
    font-size: .24rem;
    margin: 0 auto;
    line-height: .6rem;
}


/* 国庆2022 */
.new_national_day{
	width: 100%;
	height: auto;
	background: #ff4b37;
	padding-bottom: .8rem;
}
.new_national_day_top{
	width: 100%;
	height: 6.69rem;
	background: url(../images/new_national_day_top.jpg) no-repeat;
	background-size: 100% 6.69rem;
	position: relative;
}
.new_national_day_a{
	width: auto;
	height: .44rem;
	line-height: .47rem;
	padding: 0 .28rem;
	text-align: center;
	color: #ff4b37;
	font-size: .22rem;
	background: #fffeff;
	display: inline-block;
	border-radius: .22rem;
	border: 1px solid #fff;
	font-weight: 700;
	position: absolute;
	right: .3rem;
	top: .3rem;
}
.new_national_day_a:hover{
	color: #ff4b37;
}
.new_national_activity_rules{
	width: auto;
	height: .44rem;
	background: #000000;
	opacity: 0.4;
	padding: 0 .2rem;
	position: absolute;
	right: 0;
	top: .9rem;
	border-radius: 12px 0 0 12px;
	color: #fff;
}
.new_national_day_conprize {
    position: absolute;
    margin: 0 auto;
    width: 90%;
    height: .6rem;
    line-height: .6rem;
	background: #1E1E20;
	opacity: 0.6;
    right: 0;
    left: 0;
    border-radius: .08rem;
    bottom: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.new_national_day_conprize p {
    line-height: .6rem;
    font-size: .2rem;
    color: #FFFFFF;
    text-align: center;
}
.new_national_day_main{
	width: 94%;
	height: 9.5rem;
	margin: 0 auto;
	background: url(../images/new_national_day_main.png) no-repeat;
	background-size: 100% 9.5rem;
	margin-bottom: .25rem;
	position: relative;
    top: -0.2rem;
	overflow: hidden;
}
.new_national_day_main_title{
	width: 4.51rem;
	height: .52rem;
	margin: 0 auto;
	background: url(../images/new_national_day_main_title1.png) no-repeat;
	background-size: 4.51rem .52rem;
	margin-top: .7rem;
}
.new_national_day_main_ticket{
	width: 5.42rem;
	height: 1.70rem;
	margin: 0 auto;
	background: url(../images/new_national_day_main_ticket.png) no-repeat;
	background-size: 5.42rem 1.70rem;
	margin-top: .4rem;
}
.new_national_day_main .characters{
    width: 82%;
    height: .52rem;
    margin: 0 auto;
    background: #FCEEE1;
    border-radius: .24rem;
    text-align: center;
    line-height: .52rem;
	margin-top: .20rem;
}
.new_national_day_main .characters p{
	color: #DC6103;
	font-size: .24rem;
}
.new_national_day_main_section{
	width: 90%;
    height: 100%;
    margin: 0 auto;
    margin-top: .2rem;
}
.new_national_day_main_list{
	width: 22%;
	height: 2.0rem;
	border: 1px solid #F8C196;
	border-radius: .12rem;
	margin: .2rem 1.1%;
	float: left;
	text-align: center;
	position: relative;
}
.new_national_day_main_list h2{
	color: #6E6E6E;
	font-size: .24rem;
	margin-top: .18rem;
	margin-bottom: .06rem;
}
.new_national_day_main_list span{
	width: .89rem;
	height: .70rem;
	margin: 0 auto;
	background: url(../images/new_quan1.png) no-repeat;
	background-size: .89rem .70rem;
	display: inline-block;
}
.new_national_day_buttom{
	width: 100%;
	display: inline-block;
}
.new_national_day_main_list button{
	margin-top: .07rem;
	width: .96rem;
	height: .38rem;
	line-height: .38rem;
	text-align: center;
	color: #62341E;
	background: #FFDDB6;
	border-radius: .19rem;
	display: inline-block;
}
.new_national_day_main_list button:hover{
	color: #62341E;
}
.new_national_day_main_list2{
	width: 47%;
	height: 2.0rem;
	border: 1px solid #F8C196;
	border-radius: .12rem;
	margin: .2rem 1.1%;
	float: left;
	text-align: center;
}
.new_national_day_main_list2_left{
	width: 50%;
	height: 2.0rem;
	float: left;
	text-align: center;
	position: relative;
}

.new_national_day_main_list2_left h2{
	color: #6E6E6E;
	font-size: .24rem;
	margin-top: .18rem;
	margin-bottom: .06rem;
}
.new_national_day_main_list2_left span{
	width: .89rem;
	height: .70rem;
	margin: 0 auto;
	background: url(../images/new_quan1.png) no-repeat;
	background-size: .89rem .70rem;
	display: inline-block;
}
.new_national_day_buttom{
	width: 100%;
	display: inline-block;
}
.new_national_day_main_list2_left button{
	margin-top: .07rem;
	width: .96rem;
	height: .38rem;
	line-height: .38rem;
	text-align: center;
	color: #62341E;
	background: #FFDDB6;
	border-radius: .19rem;
	display: inline-block;
}
.new_national_day_main_list2_left button:hover{
	color: #62341E;
}
.new_national_day_main_list2_right{
	width: 50%;
	height: 2.0rem;
	float: left;
	text-align: center;
}
.new_national_day_main_list2_right img{
	width: 100%;
	height: 1.80rem;
    margin-top: .1rem;
}
.new_national_day_main_section .new_national_day_receive a{
	background: #FCEEE1;
	color: #DC6103;
}
.new_national_day_main_section .has_brought{
	background: #FCEEE1;
	border: 1px solid #FCEEE1;
}
.new_national_day_main_section .has_brought h2{
	color: #CDB5A1;
}
.new_national_day_main_section .has_brought span{
	width: .89rem;
	height: .70rem;
	margin: 0 auto;
	background: url(../images/new_quan2.png) no-repeat;
	background-size: .89rem .70rem;
	display: inline-block;
}
.new_national_day_main_section .has_brought a{
	background: none;
	width: .64rem;
	height: .82rem;
	margin: 0 auto;
	background: url(../images/has_brought.png) no-repeat;
    background-size: .64rem .82rem;
    position: absolute;
    right: 0;
    top: 1.0rem;
}

#new_national_receive_buttom{
	color: #DC6103;
}
.new_national_day_payment{
	display:none;
	width:100%;
	height: 7.55rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
}
.new_national_day_payment h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.new_national_day_payment h1{
	color: #F4304E;
	font-size: .42rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.new_national_day_payment_main{
	width: 100%;
	height: auto;
}
.new_national_day_payment .new_national_day_payment_main_list{
	width: 100%;
	margin-top: .25rem;
	height: auto;
	display: inline-block;
	padding-bottom: .35rem;
}
.new_national_day_payment .new_national_day_payment_main_list p{
	float: left;
	margin-left: .29rem;
	color: #000;
	font-size: .28rem;
	text-align: center;
}
.new_national_day_payment .new_national_day_payment_main_list span {
    float: right;
    margin-right: .31rem;
    color: #E11010;
    font-size: .28rem;
    font-weight: 700;
}
.new_national_day_payment_method{
	width: 100%;
	margin-top: .52rem;
}
.new_national_day_payment_method p{
	float: left;
	margin-left: .29rem;
	color: #383D42;
	font-size: .26rem;
	font-weight: 700;
}
.new_national_day_payment_method span{
	float: right;
	color: #999;
	font-size: .28rem;
    margin-right: .3rem;
}
.new_national_day_payment_balance{
    margin-top: .38rem;
    display: inline-block;
    width: 100%;
}
.new_national_day_payment_balance_ye{
	width: .36rem;
	height: .36rem;
	margin-left: .28rem;
	margin-right: .11rem;
	float: left;
}
.new_national_day_payment_balance h3{
	float: left;
	color: #383D42;
	font-size: .28rem;
}
.new_national_day_payment_balance em{
	color: #999;
	font-size: .28rem;
}
.new_national_day_payment_balance span{
	width: .38rem;
	height: .38rem;
	background: url(../images/turn_gou1.png) no-repeat;
	margin-right: .31rem;
	margin-top: .1rem;
	float: right;
	background-size: .38rem .38rem;
}
.new_national_day_payment_main .new_national_day_payment_balance_select{
	background: url(../images/turn_gou2.png) no-repeat;
	background-size: .38rem .38rem;
}
.new_national_day_middle_confirm {
    width: 94%;
    margin: 0 auto;
    margin-bottom: .3rem;
}
.new_national_day_middle_confirm button {
    width: 100%;
    height: .82rem;
    background: #1E4DFC;
    color: #fff;
    text-align: center;
    line-height: .82rem;
    font-size: .32rem;
    display: inline-block;
    margin-top: .3rem;
    border-radius: 12px;
}
.new_national_day_middle_receive{
	display:none;
	width: 100%;
	height: auto;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
	text-align: center;
}
.new_national_day_middle_receive_top{
	width: 1.98rem;
	height: .46rem;
	background: url(../images/new_national_day_middle_receive.png) no-repeat;
	background-size: 1.98rem .46rem;
	margin: 0 auto;
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.new_national_day_middle_receive img{
	width: 100%;
	height: 3.24rem;
}
.new_national_day_middle_receive_buttom{
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
}
.new_national_day_middle_receive_buttom a{
	color: #378eef;
	width: 100%;
	height: auto;
	font-size: .30rem;
	display: inline-block;
}
.new_national_day_middle_receive_buttom a:hover{
	color: #378eef;
}

.new_national_day_main_title2{
	width: 4.51rem;
	height: .52rem;
	margin: 0 auto;
	background: url(../images/new_national_day_main_title2.png) no-repeat;
	background-size: 4.51rem .52rem;
	margin-top: .7rem;
}

.new_national_day_gift_bag_main {
    width: 90%;
    height: auto;
    margin: 0 auto;
	margin-top: .40rem;
}
.new_national_day_gift_bag_main_list {
    width: 100%;
    height: 1.66rem;
    background: url(../images/new_national_day_gift_bag_main.png) no-repeat;
    background-size: 100% 1.66rem;
    margin-top: .20rem;
    position: relative;
}
.new_national_day_gift_bag_main_list span {
    position: absolute;
    top: .11rem;
    right: 5%;
    color: #C1491D;
    font-size: .24rem;
}
.new_national_day_gift_bag_main_list img {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .20rem;
    margin-left: .20rem;
    float: left;
}
.new_national_day_gift_bag_main_middle {
    margin-left: .21rem;
    width: 45%;
    float: left;
    margin-top: .25rem;
}
.new_national_day_gift_bag_main_middle h2 {
    color: #FF5B3C;
    font-size: .34rem;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_national_day_gift_bag_main_middle p {
    color: #F69B58;
    font-size: .24rem;
    width: 100%;
    height: .70rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding-top: 2px;
}
.new_national_day_gift_bag_main_r {
    margin-top: .60rem;
    width: 24%;
    float: left;
    text-align: right;
}
.new_national_day_gift_bag_main_r p {
    color: #FF0000;
    font-size: .24rem;
    margin-bottom: .15rem;
}
.new_national_day_gift_bag_main_r a {
    width: .96rem;
    height: .40rem;
    line-height: .40rem;
    background: linear-gradient(90deg, #FF7835 0%, #FF4C3F 100%);
    border-radius: .19rem;
    display: inline-block;
    color: #FFFFFF;
    font-size: .24rem;
	text-align: center;
}
.new_national_day_gift_bag_main_r a:hover{
	color: #FFFFFF;
}

.new_national_day_buy{
	width: 85%;
	height: 1.53rem;
	margin: 0 auto;
	background: #FCEEE1;
	border-radius: .1rem;
	margin-top: .52rem;
	position: relative;
}
.new_national_day_buy span{
    width: 1.84rem;
    height: .42rem;
    background: url(../images/new_national_day_main_title3.png) no-repeat;
    background-size: 1.84rem .42rem;
    display: inline-block;
    position: absolute;
    left: .23rem;
    top: -.2rem;
}
.new_national_day_buy p{
    width: 92%;
    margin: 0 auto;
    color: #DC6103;
    font-size: .24rem;
    margin-top: .45rem;
    position: absolute;
    right: 0;
    left: 0;
}

.new_national_dayrule{
	width: 90%;
	margin: 0 auto;
}
.new_national_dayrule p{
	color: #fff9f3;
    font-size: .26rem;
    line-height: .38rem;
    margin-top: .18rem;
}

.new_national_day_record{
	display:none;
	width:100%;
	height: 5.55rem;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
	overflow: auto;
}
.new_national_day_record h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.new_national_day_record_main{
	width: 94%;
	margin: 0 auto;
	height: auto;
	display: flex;
	border-bottom: 1px solid #eee;
    padding: .2rem 0;
}
.new_national_day_record_main_l{
	flex: 1;
}
.new_national_day_record_main_l span{
	font-size: .24rem;
	color: #F4340e;
}
.new_national_day_record_main_l p{
	margin-top: .1rem;
	font-size: .24rem;
	color: #666;
}
.new_national_day_record_main_r{
	text-align: right;
}
.new_national_day_record_main_r h1{
	font-size: .28rem;
	color: #333333;
}
.new_national_day_record_main_r em{
	font-size: .24rem;
	color: #333;
}


.new_national_day_password{
	display: none;
	height:auto;
	width:100%;
	margin:0 auto;
	background:#fff;
	border-radius:.26rem;
	overflow:hidden;
	padding-bottom: .3rem;
}
.new_national_day_password_con{
	width: 100%;
	height: auto;
}
.new_national_day_password_con h2{
	font-size: .32rem;
	font-weight: 700;
	text-align: center;
	margin-top: .6rem;
}
.new_national_day_password_box{
	width: 90%;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto;
    border: 1px solid #eee;
    border-radius: .06rem;
	margin-top: .6rem;
	text-indent: 8px;
}
.new_national_day_password_box input{
	width: 90%;
	height: 90%;
}

.new_national_day_butpayment {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: .32rem;
}
.new_national_day_payment_but2 {
    width: 94%;
    height: .86rem;
    display: inline-block;
    text-align: center;
    line-height: .86rem;
    border-radius: .2rem;
    background: #3160D1;
    color: #fff;
    margin-bottom: .26rem;
}


/* 双旦活动 */
.double_denier{
	width: 100%;
	height: auto;
	text-align: center;
	background-color: #c6081b;
}
.double_denier_header{
	width: 100%;
	height: 10.47rem;
	background: url(../images/double_denier.png) no-repeat;
	background-size: 100% 10.47rem;
	position: relative;
}
.double_denier_header_nav{
    position: relative;
    top: .38rem;
}
.double_denier_header .record{
	width: auto;
    height: .44rem;
    background: #FFFFFF;
    opacity: 0.4;
    padding: 0 .2rem;
    position: absolute;
    right: 0;
    top: .9rem;
    border-radius: 12px 0 0 12px;
    color: #333;
	z-index: 999;
}
.double_denier_header_nav_loin{
	width: auto;
    height: .44rem;
    line-height: .47rem;
    padding: 0 .28rem;
    text-align: center;
    color: #333;
    background: #FFFFFF;
    font-size: .22rem;
    display: inline-block;
    border-radius: .22rem;
    right: .67rem;
    position: absolute;
}
.double_denier_roll{
    width: 80%;
    height: .51rem;
    margin: 0 auto;
    border: 1px solid #FFFFFF;
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.double_denier_roll p {
    line-height: .51rem;
    font-size: .2rem;
    color: #FFFFFF;
    text-align: center;
}
.double_denier_center{
	width: 100%;
	height: auto;
}
.double_denier_shanDeng{
	height: 7.79rem;
    width: 94%;
    margin: 0 auto;
    margin-top: .22rem;
    background: url(../images/double_denier_xbg.png) no-repeat;
    background-size: 100% 7.79rem;
    border-radius: .2rem;
	position: relative;
}
.double_denier_title{
	height: .70rem;
	width: 2.32rem;
	margin: 0 auto;
	background: url(../images/double_denier_title.png) no-repeat;
	background-size: 100% .70rem;
	z-index: 99;
	position: absolute;
	right: 0;
	left: 0;
	top: -.22rem;
}
.double_denier_title h2{
    color: #3A0808;
    font-size: .30rem;
    text-align: center;
    line-height: .7rem;
    font-weight: 700;
}
.double_denier_shanDeng_con{
	height: auto;
	border-radius: .2rem;
	width: 94%;
	margin: 0 auto;	
	margin-top: .18rem;
}
.double_denier_shanDeng_con img{
	width: 1.2rem;
	height: 1.2rem;
}
#luck .active p {
    filter: opacity(100%);
}
.double_denier_shanDeng_con  p{
    filter: opacity(61%);
}
.double_denier_shanDeng_con p{
	color: #FFFFFF;
}
.dden_shanDeng,.dden_shanDeng2{
	background-repeat: no-repeat;
}
#btn .cjBtnDom,#btn .cjBtn,.dden_shanDeng .active,.dden_shanDeng td{
	width: 1.8rem;
    height: 1.88rem;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: .1rem;
    position: relative;
    display: inline-block;
}
#btn.cjBtn{
	background-image: url(../images/buttonUp.png);
}
#btn.cjBtnDom{
	background-image: url(../images/buttonDown.png);
}
#th_btn.cjBtn{
	background-image: url(../images/th_buttonUp.png);
}
#th_btn.cjBtnDom{
	background-image: url(../images/th_buttonDown.png);
}
#check .active{
	background-image: url(../images/active.png);
}
.dden_shanDeng td{
	text-align: center;
	background-image: url(../images/proBj.png);
}
.double_denier_shanDeng_con table{
	margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0.2rem;
}
.double_denier_anniu a{
	width: 40%;
	height: 1.0rem;
	border: .03rem solid #790000;
	background: linear-gradient(0deg, #F7D8A6 0%, #EEC383 100%);
}
#th_btn h2{
	color: #cf6e15;
    font-size: .6rem;
    margin-top: .3rem;
}
#th_btn span{
	color: #c6081b;	
}
.double_denier_shanDeng_con img{
	filter: opacity(61%);
}
#luck .active img {
    filter: opacity(100%);
}

.double_denier_main{
	height: 17.82rem;
    width: 94%;
    margin: 0 auto;
    margin-top: .8rem;
    background: url(../images/double_denier_main.png) no-repeat;
    background-size: 100% 17.82rem;
    position: relative;
	text-align: center;
}

.double_denier_blessing_bag{
	width: 94%;
	margin: 0 auto;
	height: auto;
    margin-top: .9rem;
	display: inline-block;
}
.double_denier_blessing_bag_title h2{
	height: .55rem;
	width: 2.21rem;
	float: left;
	margin-left: .28rem;
	background: url(../images/blessing_bag_title.png) no-repeat;
	background-size: 100% .55rem;
}
.double_denier_blessing_bag_title2 h2{
	height: .55rem;
	width: 2.21rem;
	float: left;
	margin-left: .28rem;
	background: url(../images/blessing_bag_title_rw.png) no-repeat;
	background-size: 100% .55rem;
}
.double_denier_blessing_bag_title2 span{
	float: right;
	margin-right: .44rem;
	color: #3A0808;
	font-size: .24rem;
}
.double_denier_blessing_bag_title2 em{
	color: #C6081B;
}
.double_denier_blessing_bag_list{
	height: 1.32rem;
	display: inline-block;
	width: 100%;
}
.double_denier_blessing_img{
	width: .92rem;
	height: 1.03rem;
	margin-top: .29rem;
	float: left;
	margin-right: .25rem;
}
.double_denier_task_img{
	width: .80rem;
	height: .80rem;
	margin-top: .29rem;
	float: left;
	margin-right: .25rem;
}
.double_denier_blessing_coner_center{
	border-bottom: 1px solid #790000;
    width: 76%;
    float: left;
    height: 1.32rem;
}
.double_denier_blessing_coner_left{
	width: 75%;
    float: left;
	text-align: left;
}
.double_denier_blessing_coner_left h2{
	margin-top: .27rem;
	color: #000000;
	font-size: .28rem;
	font-weight: 700;
}
.double_denier_blessing_coner_left img{
	width: 1.0rem;
	height: .34rem;
}
.double_denier_blessing_coner_left p{
	color: #3A0808;
	font-size: .24rem;
	margin-top: .15rem;
}
.double_denier_blessing_coner_left span{
	color: #EA5D09;
}
.double_denier_blessing_coner_right{
	width: 25%;
    float: right;
    text-align: center;
    display: inline-block;
}
.double_denier_blessing_coner_right em{
    color: #C6081B;
    font-size: .24rem;
    margin-top: .27rem;
    width: 100%;
    display: inline-block;
}
.double_denier_blessing_coner_right a{
	width: .80rem;
	height: .36rem;
	background: #C6081B;
	border-radius: .18rem;
	display: inline-block;
	text-align: center;
	color: #FFFFFF;
	font-size: .24rem;
	margin-top: .08rem;
}

.double_denier_explain{
	width: 94%;
	height: auto;
	position: relative;
	margin-top: .9rem;
	display: inline-block;
	padding-bottom: .8rem;
}
.double_denier_shanDeng_con em{
	position: absolute;
	top: 0;
	background: linear-gradient(
135deg, #f7d8a6, #eec383);
	width: .8rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: 0 .2rem 0 .2rem;
	right: 0;
	color: #3A0808;
	font-size: .24rem;
}
.double_denier_explain_conter{
	width: 100%;
	height: auto;
	text-align: left;
	margin-top: .6rem;
}
.double_denier_explain_conter p{
	color: #fff;
	font-size: .26rem;
	line-height: .58rem;
}
.double_denier_integral{
    position: absolute;
    top: .6rem;
    right: 0;
    left: 0;
}
.double_denier_integral span{
	color: #3A0808;
	font-size: .24rem;
}
.double_denier_integral em{
	color: #C6081B;
}
.snowflake{
	position: relative;
	top: .5rem;
	width: 100%;
	height: 8.68rem;
	display: inline-block;
	background: url(../images/xue.gif) no-repeat;
	background-size: 100% 8.68rem;
}
.finger{
	width: 0.9rem;
	position: absolute;
	top: 5.7rem;
	left: 2.1rem;
}
.finger2{
	width: 0.9rem;
	position: absolute;
    top: 4.4rem;
    right: 2.6rem;
}
.finger3{
	width: 0.9rem;
	position: absolute;
    top: 2.4rem;
    right: 2.6rem;
}
.christmas_tree3{
	height: 2.94rem;
	width: 4.24rem;
	background: url(../images/christmas_tree1.png) no-repeat;
	background-size: 100% 2.94rem;
	position: absolute;
	right: 0;
	left:-28px;
	margin: 0 auto;
	top: 1.8rem;
	z-index: 9999;
	filter: grayscale(1);
}
.christmas_tree3 a{
	height: .74rem;
    width: .74rem;
    background: url(../images/gift3.png) no-repeat;
    background-size: 100% .74rem;
    display: inline-block;
    top: 1.9rem;
    position: absolute;
    left: 1.5rem;
    z-index: 99999;
    animation: breathe 1.1s infinite;
}
@keyframes breathe{
  0%{ transform: scale(.99); }
  50%{ transform: scale(1.3); }
  100%{ transform: scale(.99); }
}
.christmas_tree2{
	height: 2.94rem;
    width: 4.24rem;
    background: url(../images/christmas_tree2.png) no-repeat;
    background-size: 100% 2.94rem;
	position: absolute;
    right: 0;
    left:-15px;
    margin: 0 auto;
    top: 3.05rem;
	z-index: 999;
	filter: grayscale(1);
}
.christmas_tree2 a{
    height: .74rem;
    width: .74rem;
    background: url(../images/gift2.png) no-repeat;
    background-size: 100% .74rem;
    display: inline-block;
    top: 1.7rem;
    position: absolute;
    right: 1rem;
    z-index: 99999;
    animation: breathe 1.1s infinite;
}
@keyframes breathe{
  0%{ transform: scale(.99); }
  50%{ transform: scale(1.3); }
  100%{ transform: scale(.99); }
}
.christmas_tree1{
    height: 2.94rem;
    width: 5.24rem;
    background: url(../images/christmas_tree3.png) no-repeat;
    background-size: 100% 2.94rem;
	position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 4.5rem;
	z-index: 99;
	filter: grayscale(1);
}
.christmas_tree img{
	width: 0.9rem;
	margin-top: .1rem;
	z-index: 9999;
	filter: grayscale(0%);
}
.christmas_tree2 img{
	width: 0.9rem;
	margin-top: .1rem;
}
.christmas_tree3 img{
	width: 0.9rem;
	margin-top: .1rem;
}
.christmas_tree1 a{
    height: .74rem;
    width: .74rem;
    background: url(../images/gift1.png) no-repeat;
    background-size: 100% .74rem;
    display: inline-block;
    top: 1.4rem;
    position: absolute;
    left: 1rem;
    z-index: 99999;
	animation: breathe 1.1s infinite;
}
@keyframes breathe{
  0%{ transform: scale(.99); }
  50%{ transform: scale(1.3); }
  100%{ transform: scale(.99); }
}
.double_denier_header_nav .on{
	filter: grayscale(0%);
}

.unlock{
	width: 100%;
    height: auto;
    background: #FFFFFF;
    text-align: center;
    overflow: hidden;
    padding-bottom: .6rem;
}
.unlock h2{
	color: #333;
	font-size: .30rem;
	margin-top: .5rem;
	padding-bottom: .2rem;
}
.unlock p{
	color: #F4340e;
}
.unlock_button{
	margin-top: .6rem;
	width: 100%;
	height: auto;
}
.unlock_button a{
	width: 1.2rem;
	height: .6rem;
	line-height: .6rem;
	display: inline-block;  
	margin: 0 .4rem;
	border: 1px solid #Eee;
	border-radius: .03rem;
}
.unlock .confirm{
	background: #f1ca8f;
	color: #333;
}
.playing_method{
	width: 100%;
    height: auto;
    background: #FFFFFF;
    text-align: center;
    overflow: hidden;
    padding-bottom: .6rem;
}
.playing_method h2{
	color: #333;
	font-size: .4rem;
	font-weight: 700;
	margin: .5rem;
}
.playing_method p{
	color: #C6081B;
	font-size: .24rem;
}
.double_denier_blessing_bag .not_completed{
	background: #EEC383;
	color: #eee;
}
.double_denier_blessing_bag .completed{
	background: #EEC383;
	color: #3A0808;
}
.action_exchange{
	color: red;
}
.action_buy{
	color: #3A0808;
}


/* 会员权益 */
.equity{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.equity_section{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.equity_exclusive{
	width: 94%;
	margin: 0 auto;
}
.equity_exclusive_title{
	width: 100%;
	margin: 0 auto;
	margin-top: .52rem;
}
.equity_exclusive_title span{
    width: .06rem;
    height: .28rem;
	margin-top: .05rem;
    background: #C2A26F;
    display: inline-block;
    float: left;
}
.equity_exclusive_title h2{
	margin-left: .25rem;
	color: #333333;
	font-size: .3rem;
}
.equity_exclusive_thead td{
	color: #4B4B4B;
	font-size: .24rem !important;
	padding: 9px 1px !important;
}
.equity_exclusive_tr {
    height: .90rem;
    line-height: .90rem;
	background: #F7F3E8 !important;
}
.equity_exclusive_tr th{
	color: #C2A26F;
	font-size: .26rem !important;
	font-weight: 400;
	padding: 9px 1px !important;
}
.equity_exclusive_thead p{
	color: #B0B2B6;
	font-size: .24rem;
}
.equity_exclusive_thead span{
	color: #E74B4B;
}
.growth_system{
	width: 94%;
	margin: 0 auto;
}
.equity_exclusive_growth_value{
	width: 94%;
	margin: 0 auto;
}
.equity_exclusive_growth_value_center{
	width: 100%;
	height: auto;
}
.equity_exclusive_growth_value_center td{
	color: #4B4B4B;
	font-size: .24rem;
}
.black_iron{
	height: 2.94rem;
	width: 100%;
	background: url(../images/equity_section1.png) no-repeat;
	background-size: 100% 2.94rem;
	position: relative;
	border-radius: .2rem;
}
.black_iron_img{
	width: .8rem !important;
    height: .8rem !important;
    float: left;
    margin-top: .75rem;
    margin-left: .25rem;
    border-radius: 50%;
}
.black_iron_title{
	margin-top: .75rem;
    margin-left: .25rem;
    width: 50%;
    float: left;
    text-align: left;
}
.black_iron_title h2{
	color: #ffffff;
	font-size: .34rem;
}
.black_iron_title p{
	font-size: .24rem;
	color: #ffffff;
}
.black_iron_title_em{
    height: .25rem !important;
    width: .39rem !important;
    display: inline-block;
}
.black_iron_explain {
    width: 100%;
    position: absolute;
    bottom: .2rem;
	text-align: center;
}
.black_iron_explain p{
	font-size: .24rem;
	color: #FFFFFF;
}
.black_iron_explain a{
	opacity: 0.4;
	color: #FFFFFF;
}
.bronze{
	height: 2.94rem;
	width: 100%;
	background: url(../images/equity_section2.png) no-repeat;
	background-size: 100% 2.94rem;
	position: relative;
	border-radius: .2rem;
}


.silver{
	height: 2.94rem;
	width: 100%;
	background: url(../images/equity_section3.png) no-repeat;
	background-size: 100% 2.94rem;
	position: relative;
	border-radius: .2rem;
}


.gold{
	height: 2.94rem;
	width: 100%;
	background: url(../images/equity_section4.png) no-repeat;
	background-size: 100% 2.94rem;
	position: relative;
	border-radius: .2rem;
}

.diamonds{
	height: 2.94rem;
	width: 100%;
	background: url(../images/equity_section5.png) no-repeat;
	background-size: 100% 2.94rem;
	position: relative;
	border-radius: .2rem;
}

.black_gold{
	height: 2.94rem;
	width: 100%;
	background: url(../images/equity_section6.png) no-repeat;
	background-size: 100% 2.94rem;
	position: relative;
	border-radius: .2rem;
}


/* 五一 */
.labour_festival{
	width: 100%;
	height: auto;
	background: linear-gradient(180deg, #143A70, #1D165A);
}
.labour_festival_top{
	height: 11.09rem;
	width: 100%;
	background: url(../images/labour_day.jpg) no-repeat;
	background-size: 100% 11.19rem;
}
.labour_festival_top a{
	width: auto;
	height: .44rem;
	line-height: .47rem;
	padding: 0 .28rem;
	text-align: center;
	color: #333;
	background: #FFFFFF;
	font-size: .22rem;
	display: inline-block;
	border-radius: .22rem;
	right: .67rem;
	position: absolute;
	top: .38rem;
}
.labour_festival_all{
	width: 100%;
	height: auto;
	background: linear-gradient(180deg, #143A70, #1D165A);
	overflow: hidden;
}
.labour_festival_turntable{
    height: 8.32rem;
    width: 98%;
    background: url(../images/turntable.png) no-repeat;
    background-size: 100% 8.32rem;
    margin: 0 auto;
    margin-top: .31rem;
	overflow: hidden;
}
.labour_festival_turntable_lining{
	height:7.10rem;
	width: 96%;
	background: url(../images/turntable_lining.png) no-repeat;
	background-size: 100% 7.10rem;
	margin: 0 auto;
	margin-top: .2rem;
	text-align: center;
}

.labour_festival_all_roll {
    width: 90%;
    height: .6rem;
    margin: 0 auto;
    background: #BD1021;
    border-radius: .14rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	margin-top: .31rem;
}
.labour_festival_all_roll p {
    line-height: .6rem;
    font-size: .24rem;
    color: #FFFFFF;
    text-align: center;
}
.labour_festival_all_roll em{
	color: #FFDF01;
}
.labour_festival_all_roll i{
	color: #FFDF01;
}
.labour_festival_buttom_all{
	width: 100%;
	height: auto;
}
.labour_festival_buttom_all_l{
	width: 50%;
	float: left;
}
.number_times{
	height:.76rem;
	line-height: .76rem;
	width: 2.24rem;
	text-align: center;
	background: url(../images/number_times.png) no-repeat;
	background-size: 100% .76rem;
	margin: 0 auto;
	margin-top: .05rem;
}
.number_times p{
	color: #000;
}
.labour_festival_buttom_all_r{
	width: 50%;
	float: left;
}
.take_notes{
	height:.76rem;
	line-height: .76rem;
	width: 2.24rem;
	text-align: center;
	background: url(../images/take_notes.png) no-repeat;
	background-size: 100% .76rem;
	margin: 0 auto;
	margin-top: .05rem;
}
.take_notes a{
	color: #000;
	width: 100%;
	height: 100%;
	display: inline-block;
}
.take_notes a:hover{
	color: #000;
}
.double_denier_shanDeng_con span{
    width: 82%;
    height: .32rem;
    display: inline-block;
    line-height: .32rem;
    margin-top: .05rem;
    border-radius: .16rem;
	color: #FFFFFF;
	font-size: .24rem;
}
.labour_festival_all_rule{
	width: 94%;
    height: auto;
    text-align: center;
    margin: 0 auto;
	padding-bottom: .4rem;
}
.labour_festival_all_rule_top{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: .66rem;
}
.labour_festival_all_rule_top img{
	height: .44rem;
}
.labour_festival_all_rule_copywriting{
	width: 94%;
	height: auto;
	display: inline-block;
	border-radius: .2rem;
	margin: 0 auto;
}
.labour_festival_all_rule_copywriting p{
	color: #EDC8AB;
	text-align: left;
	line-height: .48rem;
}
.labour_festival_time{
	position: fixed;
	z-index: 99;
	bottom: 20%;
	right: 0px;
}
.labour_festival_time a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.labour_festival_time_bg{
	height:2.14rem;
	width: 2.28rem;
	text-align: center;
	background: url(../images/labour_festival_time.png) no-repeat;
	background-size: 100% 2.14rem;
	position: relative;
}
.labour_festival_time_bg_time{
	position: absolute;
	bottom: .6rem;
	text-align: center;
	display: inline-block;
	right: 0;
	left: 0;
	color: #FFFFFF;
	font-size: .3rem;
	font-weight: 700;
}
.choice span{
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

/* 国庆 */
.new_edition_national_day{
	width: 100%;
	height: auto;
	background: #C40001;
}

.new_edition_national_day2024{
	height:16.45rem;
	width: 100%;
	text-align: center;
	background: url(../images/xinnian2025.png) no-repeat;
	background-size: 100% 20rem;
}

.new_edition_national_day_top{
	width: 100%;
	height: 10.58rem;
	text-align: center;
	background: url(../images/celebrating_national_day.png) no-repeat;
	background-size: 100% 10.58rem;
	position: relative;
}
.new_edition_national_day_blessing_bag{
    width: 100%;
    height: 8.94rem;
    text-align: center;
    background: url(../images/blessing_bag.png) no-repeat;
    background-size: 100% 8.94rem;
    position: relative;
    margin-top: -1.0rem;
	text-align: center;
	overflow: hidden;
}

.new_edition_national_day_blessing_bag2024{
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
	text-align: center;
	overflow: hidden;
}
.lucky_bag{
	width: 5.77rem;
    height: 1.27rem;
    text-align: center;
    background: url(../images/lucky_bag_bg.png) no-repeat;
    background-size: 100% 1.27rem;
    margin: 0 auto;
    margin-top: .96rem;
}
.lucky_bag img{
	width: 1.88rem;
	height: .44rem;
	text-align: center;
	margin: 0 auto;
}
.new_edition_national_day_blessing_bag p{
	color: #A94E32;
	font-size: .3rem;
	margin-top: .21rem;
}
.new_edition_national_day_main{
	width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}
.new_edition_national_day_main2024{
	width: 100%;
    height: 5.9rem;
    position: relative;
    text-align: center;
	margin-top: 4.4rem;
}
.blessing_img{
    width: 3.70rem;
    height: 3.80rem;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    right: 10px;
    left: 0;
    z-index: 9;
}
.blessing_img img{
	/* width: 3.70rem; */
	height: 3.80rem;
}
.blessing_img_gift{
	animation: shake 0.5s ease infinite;
}
@keyframes shake{
	0% { transform: rotate(0deg); }
	10% { transform: rotate(8deg); }
	20% { transform: rotate(-8deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(-8deg); }
	50% { transform: rotate(0deg); }
	100% { transform: rotate(0deg);}
}
.blessing_img_expand {
	animation: dot-expander 1.0s;
}
@keyframes dot-expander {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.2, 1.2, 1.2);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

.blessing_img2024{
    width: 4.9rem;
    height: 4.89rem;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    z-index: 9;
}
.blessing_img2024 img{
    /* width: 4.0rem; */
    height: 4.89rem;
}
.blessing_img_gift{
	animation: shake 0.5s ease infinite;
}
@keyframes shake{
	0% { transform: rotate(0deg); }
	10% { transform: rotate(8deg); }
	20% { transform: rotate(-8deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(-8deg); }
	50% { transform: rotate(0deg); }
	100% { transform: rotate(0deg);}
}
.blessing_img_expand {
	animation: dot-expander 1.0s;
}
@keyframes dot-expander {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.2, 1.2, 1.2);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

.new_edition_national_day_main2024 p {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9;
    top: 3.8rem;
    color: #999999;
}
.base{
    width: 4.70rem;
    height: 1.67rem;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    bottom: 0;
}
.encourage{
	width: 5.49rem;
    height: .6rem;
    line-height: .6rem;
    background: #FCEEE1;
    border: 2px solid #FE9F64;
    border-radius: .14rem;
    position: absolute;
    right: 0;
    left: 0;
    margin: 7px auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_edition_national_day .encourage_mild{
	width: 5.58rem;
	height: .82rem;
	line-height: .82rem;
	background: linear-gradient(0deg, #D93120 0%, #F14B35 100%);
	box-shadow: 0px 0px .04rem 0px #CE1327;
	border-radius: .41rem;
	margin: 0 auto;
	margin-top: .06rem;
	position: relative;
}
.encourage_mild a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.encourage_mild h2{
	color: #1E4DFC;
	font-size: .28rem;
}
.broadside{
	width: .85rem;
	height: .93rem;
	position: absolute;
	right: .13rem;
	top: 0;
}
.new_edition_winning_record{
	width: 100%;
    height: 6.12rem;
    text-align: center;
    background: url(../images/record_data3.png) no-repeat;
    background-size: 100% 6.12rem;

}
.new_edition_record{
	width: 1.87rem;
	height: .42rem;
	text-align: center;
	margin-top: 1.02rem;
}
.new_edition_winning_record_center{
    width: 100%;
    height: 3.5rem;
    margin: 0 auto;
    display: inline-block;
}
.new_edition_winning_record_center img{
	width: 3.0rem;
	height: 2.2rem;
	margin-top: .6rem;
}
.new_edition_winning_record p{
    color: #6B4C40;
    font-size: .26rem;
    font-weight: 700;
}
.inlet{
	height: 1.0rem;
	line-height: 1.0rem;
	width: 100%;
}
.inlet a{
	width: 90%;
	color: #1E4DFC;
	margin: 0 auto;
	display: inline-block;
	text-align: right;
}
.inlet a:hover{
	color: #1E4DFC;
}

.new_register{
	display:none;
	width:100%;
	height: auto;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
	padding-bottom: .5rem;
}
.new_register h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.new_register_code{
	background: #F6F5F8;
	margin-top: .3rem;
	border-radius: .06rem;
	height: .84rem;
	border: 1px solid #EEEEEE;
	display: flex;
}
.new_register_code input{
	width: 70%;
	height: .84rem;
	border-radius: .06rem;
	text-indent: .2rem;
	background: #F6F5F8;
}
.new_register_code a{
	height: 100%;
	line-height: .84rem;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	color: #1E4DFC;
}
.new_register_code a:hover{
	color: #1E4DFC;
}
.new_register_agreement{
	width: 90%;
	margin: 0 auto;
	height: 1.0rem;
	line-height: 1.0rem;
	text-align: center;
}
.new_register_agreement p{
	color: #999;
}
.new_register_agreement a{
	color: #1E4DFC;
}
.new_register_agreement a:hover{
	color: #1E4DFC;
}
.blessing_dialog_bg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
	display: none;
}
.flying{
	width: 5.59rem;
	height: 8.98rem;
	background: url(../images/flying.png) no-repeat;
	background-size: 100% 8.98rem;
	
}
.flying img{
    margin-top: 1.5rem;
    width: 2.0rem;
    height: 2.0rem;
    margin-bottom: .5rem;
}
.flying h2{
	color: #fde7bb;
}
.flying p{
	position: absolute;
    right: 0;
    left: 0;
    margin-top: 1.3rem;
    color: #ffcbbb;
}
.blessing_dialog_hide{
	display: none;
}
.blessing_dialog_show{
	display: block;
}
.blessing_dialog_box{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blessing_dialog_container{
	border-radius: .2rem;
	width: 5.59rem;
	height: 8.98rem;
	text-align: center;
	margin: 0 auto;
	text-align: center;
	padding: .6rem 0;
	box-sizing: border-box;
	animation-name: layer-bounceIn;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .5s;
}
.blessing_dialog_container a{
	width: 100%;
	height: 8.98rem;
	display: inline-block;
}

.blessing_dialog_title{
	font-size: .3rem;
	color: #333;
}
.blessing_dialog_img{
	overflow: hidden;
	border-radius: 50%;
}
.blessing_dialog_img img{
    width: 3.70rem;
    height: 3.80rem;
}
.blessing_dialog_wenz1{
	font-size: .16rem;
	color: #333;
}
.blessing_dialog_wenz2{
	font-size: .18rem;
	color: #1E4DFC;
	margin: .1rem 0;
}
.blessing_dialog_wenz3{
	font-size: .14rem;
	color: #999;
}
.blessing_dialog_btn{
	width: auto;
	height: auto;
}
.blessing_dialog_btn a{
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: 20px auto 0;
	font-size: 16px;
	border-radius: 8px;
	background: #1E4DFC;
	color: #FFFFFF;
	display: inline-block;
}

.new_national_day_rule{
    width: .54rem;
    height: 1.69rem;
    background: #F8C196;
    border-radius: .16rem 0 0 .16rem;
    position: absolute;
    right: 0;
    top: 50%;
	z-index: 9999;
}
.new_national_day_rule a{
    width: .51rem;
    height: 1.6rem;
    line-height: 0.4rem;
    background: #F4EBD7;
    border-radius: .16rem 0 0 .16rem;
    display: inline-block;
    float: right;
    font-size: .26rem;
    margin-top: .02rem;
    color: #59433B;
}
.number_of_times{
    width: 5.49rem;
    height: .6rem;
	line-height: .6rem;
    background: #FCEEE1;
    border: 2px solid #FE9F64;
    border-radius: .14rem;
    position: absolute;
    right: 0;
    left: 0;
    margin: 7px auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.number_of_times p{
	color: #222222;
	font-size: .28rem;
}
.number_of_times span{
	color: #1E4DFC;
}
.number_of_times em{
	color: #C40501;
}
.new_edition_national_day2024 .record_data{
	width: 100%;
	height: 6.12rem;
	text-align: center;
	background: url(../images/record_data3.png) no-repeat;
	background-size: 100% 6.12rem;
}
.record_data_middle{
	width: 80%;
	height: 4.0rem;
	margin: 0 auto;
	overflow-y: auto;
}
.double_denier_main23 .record_data_middle{
	width: 80%;
    height: 5.8rem;
    margin: 0 auto;
    overflow-y: auto;
    padding-top: .4rem;
}
.record_data_middle::-webkit-scrollbar {
    display: none;
}
.record_data_middle h2{
    color: #C0C4CC;
    font-size: .26rem;
    height: .8rem;
    line-height: .8rem;
}
.record_data_middle_list{
	display: flex;
	height: .45rem;
	line-height: .45rem;
	width: 100%;
	margin-top: .25rem;
}
.record_data_middle_list span{
	color: #222222;
	font-size: .24rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: left;
}
.record_data_middle_list p{
	flex: 1;
	text-align: right;
	font-size: .24rem;
}
.new_edition_national_rule{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: .5rem;
	display: none;
}
.new_game_list{
	width: 94%;
    margin: 0 auto;
    max-height: 200px;
    background: #eee;
    border-radius: 4px;
    overflow-x: auto;
	text-align: center;
	margin-top: .05rem;
}
.new_game_list span{
	width: 94%;
    margin: 0 auto;
    /* padding: 0.8rem; */
    display: inline-block;
    text-align: left;
    padding: 5px 0;   
	color: #1E4DFC;
}
.new_edition_national_rule_title{
	width: 100%;
	text-align: center;
	position: relative;
}
.new_edition_national_rule_title h2{
	margin-top: .35rem;
	color: #1B0303;
	font-size: .34rem;
	font-weight: 700;
}
.new_edition_national_rule_title img{
	position: absolute;
	width: .32rem;
	height: .32rem;
	right: .35rem;
	top: 0rem;
}
.new_edition_national_rule p{
	width: 94%;
	margin: 0 auto;
	width: 94%;
	margin: 0 auto;
	line-height: .5rem;
	margin-top: .2rem;
	color: #212121;
	font-size: .28rem;
	text-align: left;
}
.limited_time_mall{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	display: none;
	padding-bottom: .5rem;
	border-radius: .2rem .2rem 0 0;
}
.limited_time_mall_title{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: .35rem;
	display: flex;
}
.limited_time_mall_title .purchase{
	flex: 1;
	text-align: left;
	color: #1E4DFC;
	font-size: .28rem;
}
.limited_time_mall_title h2{
	flex: 2;
	text-align: center;
	color: #1B0303;
	font-size: .34rem;
}
.clos{
	flex: 1;
	text-align: right;	
	width: .32rem;
	height: .32rem;
}
.clos img{
	width: .32rem;
	height: .32rem;
}
.countdown{
    width: 5.0rem;
    height: .72rem;
    background: #EDEFF5;
    border-radius: .1rem;
    margin: 0 auto;
    margin-top: .33rem;
	text-align: center;
	display: flex; 
	justify-content: center; 
	align-items: center;
}
.countdown p{
	line-height: .72rem;
}
.countdown span{
	width: .36rem;
    height: .32rem;
    background: #1B0303;
	color: #FFFFFF;
	font-size: .26rem;
    border-radius: .06rem;
    display: inline-block;
	line-height: .32rem;
    margin-left: .05rem;
    margin-right: .05rem;
}
.game_on{
	width: 94%;
	height: 1.4rem;
	margin: 0 auto;
	border-bottom: 1px solid #EFF0F2;
	display: flex;
}
.game_on p{
	flex: 1;
	color: #212121;
	font-size: .3rem;
}
.game_on a{
	color: #C0C4CC;
	line-height: 1.4rem;
}
.game_on a:hover{
	color: #C0C4CC;
}
.game_on_center{
	flex: 1;
}
.game_on_center h2{
	color: #212121;
    font-size: .3rem;
    margin-top: .3rem;
    max-width: 66%;
    float: left;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.game_on_center p{
	width: 100%;
    text-align: left;
    margin-top: .24rem;
    color: #EB2819;
    font-size: .36rem;
	display: inline-block;
}
.purchase_list{
	width: 94%;
	height: 1.46rem;
	margin: 0 auto;
	border-bottom: 1px solid #EFF0F2;
	display: flex;
}
.purchase_list_left{
	width: 58%;
}
.purchase_list_left h2{
	color: #212121;
	font-size: .3rem;
	margin-top: .3rem;
	max-width:66%;
	float: left;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.purchase_list_left span{
	margin-top: .33rem;
	display: inline-block;
	border: 1px solid #EB2819;
	color: #EB2819;
	font-size: .24rem;
	padding: .02rem .09rem;
	text-align: center;
	border-radius: .04rem;
	margin-left: .2rem;
}
.purchase_list_left p{
	width: 100%;
	text-align: left;
	margin-top: .24rem;
	color: #EB2819;
	font-size: .36rem;
}
.purchase_list_right{
	width: 42%;
	text-align: right;
}
.purchase_list_right p{
    width: 2.5rem;
    height: .54rem;
    line-height: .54rem;
    background: #FEF2F3;
    color: #EB2819;
    font-size: .24rem;
    border-radius: .08rem;
    margin-top: .47rem;
    display: inline-block;
    text-align: left;
    padding-left: .17rem;
}
.purchase_list_right a{
	width: .86rem;
	height: .54rem;
	text-align: center;
	background: url(../images/purchase_list.png) no-repeat;
	background-size: 100% .54rem;
	display: inline-block;
	float: right;
}


.purchase_record{
	width: 6.7rem;
	height: 1.36rem;
	margin: 0 auto;
	border-bottom: 1px solid #EFF0F2;
}
.purchase_record_top{
	display: flex;
	width: 100%;
	margin-top: .3rem;
}
.purchase_record_top h2{
	flex: 1;
	width: 40%;
}
.purchase_record_top span{
	color: #919191;
}
.purchase_record_top p{
	flex: 2;
	text-align: right;
	font-size: .24rem;
}
.purchase_record_bot{
	display: flex;
	width: 100%;
	margin-top: .2rem;
}
.purchase_record_bot p{
	font-size: .24rem;
}
.purchase_record_bot span{
	color: #919191;
}
.purchase_record_bot h2{
	text-align: right;
	flex: 1;
	font-size: .24rem;
}
.new_edition_national_day_time{
	position: fixed;
	z-index: 99;
	bottom: 25%;
	right: .43rem;
}
.new_edition_national_day_time a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.new_countdown{
	height: 1.5rem;
	width: 1.32rem;
	text-align: center;
	background: url(../images/new_countdown.png) no-repeat;
	background-size: 100% 1.5rem;
	position: relative;
}

.purchase_record_frame{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: .5rem;
	display: none;
}
.purchase_record_frame_title {
    width: 100%;
    text-align: center;
    position: relative;
}
.purchase_record_frame_title h2 {
    margin-top: .35rem;
    color: #1B0303;
    font-size: .34rem;
    font-weight: 700;
	padding-bottom: .3rem;
}
.purchase_record_frame_title img {
    position: absolute;
    width: .32rem;
    height: .32rem;
    right: .35rem;
    top: 0rem;
}
.purchase_record_frame_mial{
	width: 100%;
    max-height: 7.0rem;
    display: inline-block;
    overflow-x: auto;
}
.new_labour_festival_time_bg_time {
    position: absolute;
    bottom: .0rem;
    text-align: center;
    display: inline-block;
    right: 0;
    left: 0;
    color: #FFFFFF;
    font-size: .28rem;
    font-weight: 700;
}
.payment_window{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: .5rem;
	display: none;
}
.payment_window_title {
    width: 100%;
    text-align: center;
    position: relative;
}
.payment_window_title h2 {
    margin-top: .35rem;
    color: #1B0303;
    font-size: .34rem;
    font-weight: 700;
    padding-bottom: .3rem;
}
.payment_window_title img {
    position: absolute;
    width: .32rem;
    height: .32rem;
    right: .35rem;
    top: 0rem;
}
.payment_window_main{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-top: .4rem;
}
.payment_window_main_img{
	width: 1.0rem;
	height: 1.0rem;
	display: inline-block;
	position: relative;
}
.payment_window_main_name{
	color: #212121;
	font-size: .3rem;
	font-weight: 700;
	margin-top: .33rem;
}
.payment_window_main_prompt{
	margin-top: .2rem;
	color: #919191;
	font-size: .24rem;
}
.payment_window_main_money{
	color: #212121;
    font-size: .3rem;
    margin-top: .3rem;
    display: inline-block;
}
.payment_window_main_money em{
	color: #EB2819;
	font-weight: 700;
}
.payment_button{
	width: 100%;
	height: auto;
}
.payment_button button{
    width: 94%;
    color: #FFFFFF;
    line-height: .8rem;
    display: inline-block;
    background: #1E4DFC;
    border-radius: .08rem;
	margin-top: .3rem;
}
.payment_window_main .payment_balance_select {
    background: url(../images/turn_gou2.png) no-repeat;
    background-size: .38rem .38rem;
}


/* 七雄纷争 */
.qixiong{
	width: 100%;
	height: 29.6rem;
	background: url(../images/qixiong.jpg) no-repeat;
	background-size: 100% 29.6rem;
	position: relative;
}
.qixiong_header{
    width: 100%;
    height: 9.6rem;
    display: inline-block;
}
.qixiong_main{
	width: 100%;
	height: auto;
	display: inline-block;
	padding-bottom: 1.7rem;
}
.qixiong_main_game{
	width: 94%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.qixiong_main_game .title{
	width: 100%;
}
.qixiong_main_game p{
    color: #5F1A00;
    font-size: .26rem;
    text-indent: .4rem;
    text-align: left;
    line-height: .34rem;
    margin-top: .24rem;
    margin-bottom: .20rem;
}
.qixiong_video{
	width: 100%;
	border: .02rem solid #C4865D;
	border-radius: .1rem;
}
.qixiong_video video{
	width: 98%;
    margin: 0 auto;
    padding: .06rem;
	border-radius: .1rem;
}
.qixiong_characteristic{
	width: 96%;
    height: auto;
    margin: 0 auto;
	margin-top: .26rem;
    text-align: center;
}
.qixiong_characteristic .game{
	width: 100%;
}
.qixiong_characteristic .game_img{
	width: 100%;
	margin: 0 auto;
	padding: .26rem 0;
	display: flex;
}
.game_img img{
	width: 94%;
	padding: .06rem;
	border: .02rem solid #C4865D;
	border-radius: .07rem;
}
.game_img_line{
	width: 33%;
	border-radius: .1rem;
}
.qixiong_screenshot{
	width: 96%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.qixiong_screenshot .screenshot{
	width: 100%;
}
.qixiong_screenshot_coner{
	border: .02rem solid #C4865D;  
	border-radius: .07rem;
	margin-top: .26rem;
}
.qixiong_screenshot_coner img{
	width: 98% !important;
	padding: 1% 0;
	border-radius: .07rem;
}
.qixiong_buttom{
	width: 100%;
    height: auto;
    bottom: 0;
    max-width: 768px;
    position: fixed;
    max-width: 768px;
    z-index: 99999;
}
.qixiong_buttom a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.qixiong_buttom img{
	width: 100%;
}


/* 23双旦 */
.double_denier_header23 {
    width: 100%;
    height: 10.60rem;
    background: url(../images/double_denier23.jpg) no-repeat;
    background-size: 100% 10.60rem;
    position: relative;
}
.double_overall{
	width: 100%;
    height: auto;
    position: relative;
    top: -100px;
}
.double_denier_integral p{
	font-size: .24rem;
	color: #3A0808;
}
.double_denier_main23{
	height: 6.39rem;
    width: 94%;
    margin: 0 auto;
    margin-top: .8rem;
    background: url(../images/double_denier_xbg.png) no-repeat;
    background-size: 100% 6.39rem;
    position: relative;
	text-align: center;
}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }
.active_text_p2{
	line-height: 30px;
	text-indent: 2em;
	color: rgb(51, 51, 51);
	font-family: arial, 宋体;
	font-size: 12px;
	white-space: normal;
}
.user_title{
	padding-bottom:0.6em;
	border-bottom:1px dashed #dcdcdc;
}
.user_title h2{
	font-size:1.2em;
	color:#333;
	font-weight:700;
	margin-bottom:0.6em;
}
.user_text{
	margin-top: 0.5rem;
}
.user_text p{
	color:#333;
	font-size:0.9em;
    line-height: 0.8rem;
	text-indent:1em;
}
.user_main{
	padding:0.20em 0;
}
.clear_box{
	width:96%;
	margin:0 auto;
}
.head_mid{
	width:80%;
	text-align:center;
	font-size:1.2em;
	line-height:44px;
}
.clear_box{
	color:#333;
	font-size:1em;
	margin-right:0.2em;
}


/* 邀请有礼 */
.invite{
	width: 100%;
	height: 19.4rem;
	background: #427fff;
	position: relative;
}
.invite_top{
	width: 100%;
	height: 8.79rem;
	background: url(../images/invite_top.png) no-repeat;
	background-size: 100% 8.79rem;
	position: relative;
}
.invite_reward{
    width: 94%;
    height: 7.61rem;
    margin: 0 auto;
    background: #000000;
    border-radius: .4rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 5.13rem;
}
.invite_reward_center{
    width: 96%;
    height: 7.31rem;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: .3rem;
    border: .07rem solid #E2E2E0;
    margin-top: .07rem;
    position: relative;
    right: 0;
    left: 0;
}
.invite_reward_title{
	width: 100%;
	display: flex;
	margin-top: .43rem;
}
.invite_reward_box{
	text-align: center;
}
.invite_reward_title span{
	flex: 1;
	text-align: center;
	color: #000000;
	font-size: .32rem;
	font-weight: 700;
}
.invite_reward_title span.invite_reward_active i {
	border-bottom: .066rem solid #3846C9;
    padding-bottom: .2rem;
}
.invite_reward_box .invite_reward_show {
    display: inline-block;
}
.invite_reward_tabdiv {
    width: 100%;
    color: #000;
    display: none;
}
.invite_reward_step{
	margin: 0 auto;
	margin-top: .2rem;
	width: 6.66rem;
	height: 3.9rem;
	background: url(../images/invite_reward_step.png) no-repeat;
	background-size: 100% 3.9rem;
}
.invite_reward_tabdiv p{
	width: 5.48rem;
    margin: 0 auto;
    margin-top: .2rem;
    color: #858585;
    font-size: .24rem;
    text-align: center;
}
.invite_reward_tabdiv span{
	color: #1C32D9;
}
.invite_reward_but{
	width: 6.49rem;
	height: 1.3rem;
	background: url(../images/invite_reward_but.png) no-repeat;
	background-size: 100% 1.3rem;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	margin-top: .16rem;
}
.invite_reward_step2{
	margin: 0 auto;
	margin-top: .2rem;
	width: 6.66rem;
	height: 3.9rem;
	background: url(../images/invite_reward_step2.png) no-repeat;
	background-size: 100% 3.9rem;
}

.cumulative{
	width: 94%;
	height: 5.41rem;
	margin: 0 auto;
	background: #000000;
	border-radius: .4rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: .9rem;
}
.cumulative_center{
	width: 96%;
	height: 5.11rem;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: .3rem;
	border: .07rem solid #E2E2E0;
	margin-top: .07rem;
	position: relative;
	right: 0;
	left: 0;
}
.cumulative_center_top{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: .43rem;
}
.cumulative_center_top h2{
	color: #000000;
	font-size: .32rem;
	font-weight: 500;
}
.cumulative_center_top span{
	color: #1C32D9;
}
.cumulative_center_top p{
    width: 1.36rem;
    height: .02rem;
    background: #E0E0E0;
    margin: 0 auto;
    margin-top: .3rem;
}
.cumulative_all{
	width: 94%;
    height: 3.4rem;
    margin: 0 auto;
    overflow-y: auto;
}
.cumulative_all_list{
	width: 100%;
	height: 1.14rem;
	line-height: 1.14rem;
	border-bottom: 1px solid #E0E0E0;
	display: flex;
}
.cumulative_all_list:last-child {
    border-bottom: 0;
}
.cumulative_all_list p{
	flex: 1;
	color: #000000;
	font-size: .26rem;
}
.cumulative_all_list span{
	color: #858585;
	font-size: .26rem;
}
.cumulative_all_list em{
	background: #fff5ed;
    border: 1px solid #f1924e;
    color: #eb562e;
    padding: .05rem .06rem;
    border-radius: .04rem;
	margin-left: .15rem;
}
.cumulative_all .complete{
	background: #EEF5FF;
	color: #427FFF;
	border: 1px solid #7686FF;
}
.invite_top_rule{
	width: auto;
	height: .44rem;
	line-height: .47rem;
	padding: 0 .28rem;
	text-align: center;
	color: #000;
	background: #f9e565;
	font-size: .22rem;
	display: inline-block;
	border-radius: .22rem;
	right: .3rem;
	top: .3rem;
	position: absolute;
}
.user_text h2{
    color: #000;
    font-size: 1.2em;
    font-weight: 700;
    padding: .3rem 0;
}
.user_text_center{
	text-align: center;
}
.user_text_center h2{
	color: #000;
	font-size: 1.2em;
	line-height: 0.8rem;
	text-indent: 1em;
}
.user_text_center img{
	width: 3.0rem;
}
.user_text_center p{
	color: red;
}
.active {
	background: #fff;
}



/* 五一 */
.five_one2024 {
    height: 25.8rem;
    width: 100%;
    text-align: center;
	background: #2a39c4;
	position: relative;
}
.five_one_bag2024 {
    width: 100%;
    height: 9.78rem;
	background: url(../images/five_one_bag2024.png) no-repeat;
	background-size: 100% 9.78rem;
}
.five_one_bag_main2024{
	width:94%;
	height:10.90rem;
	background: url(../images/five_one_bag_main2024.png) no-repeat;
	background-size: 100% 10.90rem;
	margin: 0 auto;
	position: absolute;
	top: 8.3rem;
	right: 0;
	left: 0;
}
.five_one_bag_main_title2024{
    width: 1.98rem;
    height: .47rem;
    background: url(../images/five_one_bag_main_title2024.png) no-repeat;
    background-size: 100% .47rem;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: .76rem;
}
.opportunity{
	margin-top: 1.9rem;
}
.opportunity p{
	color:#212121;
	font-size:.3rem;
}
.opportunity span{
	color:#2A39C4;
}
.five_one_redpack{
    width: 5.38rem;
    height: 6.88rem;
    background: url(../images/five_one_redpack.png) no-repeat;
    background-size: 100% 6.88rem;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 2.58rem;
}
.five_one_butimg{
	width: 1.92rem;
	height: 1.61rem;
	background: url(../images/five_one_butimg.png) no-repeat;
	background-size: 100% 1.61rem;
	position: absolute;
    left: .5rem;
    bottom: 1.19rem;
}
.five_one_rule24{
	position: absolute;
	bottom: .54rem;
    right: 0;
    left: 0;
}
.five_one_rule24 a{
	color:#212121;
}
.five_one_rule24 a:hover{
	color:#212121;
}
.five_one_prize{
    width: 92%;
    height: 5.41rem;
    margin: 0 auto;
    background: #000000;
    border-radius: .4rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .86rem;
}
.five_one_prize_center{
	width: 96%;
	height: 5.11rem;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: .3rem;
	border: .07rem solid #E2E2E0;
	margin-top: .07rem;
	position: relative;
	right: 0;
	left: 0;
}
.five_one_prize_record {
	width: 2.04rem;
    height: .45rem;
    text-align: center;
    margin-top: .5rem;
}
.collar{
    width: 2.64rem;
    height: 2.82rem;
    position: absolute;
    right: 0;
    left: 1px;
    margin: 0 auto;
    top: .78rem;
}
.blessing_img_gift{
	animation: shake 0.5s ease infinite;
}
@keyframes shake{
	0% { transform: rotate(0deg); }
	10% { transform: rotate(8deg); }
	20% { transform: rotate(-8deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(-8deg); }
	50% { transform: rotate(0deg); }
	100% { transform: rotate(0deg);}
}

.watch_out{
	width:100%;
	height:100%;
}
.watch_out_header{
	width:100%;
	height:12.74rem;
	background: url(../images/watch_out_header.png) no-repeat;
	background-size: 100% 12.74rem;
}
.watch_out_center{
	width:100%;
	height:25.54rem;
	background: url(../images/watch_out_center.png) no-repeat;
	background-size: 100% 25.54rem;
}
.watch_out_center_brief{
	width:100%;
	height:auto;
}
.watch_out_center_brief p{
	width:94%;
	margin: 0 auto;
	font-size: .26rem;
	color:#fae99b;
	line-height: .46rem;
}
.watch_out_center_img{
	width:94%;
	margin: 0 auto;
	display: flex;
	margin-top: .54rem;
}
.watch_out_center_img img{
	flex: 1;
    height: 5.2rem;
    margin: 1%;
}
.brief_introduction{
	width:100%;
	height:8.25rem;
	background: url(../images/brief_introduction.png) no-repeat;
	background-size: 100% 8.25rem;
}
.watch_out_story{
	width: 94%;
	height:auto;
	margin: 0 auto;
}
.watch_out_story_title{
	width:2.14rem;
	height:.49rem;
	margin: 0 auto;
	margin-top: 1.16rem;
	background: url(../images/watch_out_story_title.png) no-repeat;
	background-size: 100% .49rem;
}
.watch_out_story img{
	width:100%;
	height:3.4rem;
	margin-top: .69rem;
}
.characteristic{
	width: 94%;
    margin: 0 auto;
    text-align: center;
	padding-bottom: 1.7rem;
}
.characteristic_title{
	width:2.14rem;
	height:.49rem;
	margin: 0 auto;
	margin-top: 1.16rem;
	background: url(../images/characteristic_title.png) no-repeat;
	background-size: 100% .49rem;
}
.characteristic_center{
	width: 100%;
	margin-top: .69rem;
}
.characteristic_center img{
	width: 100%;
	height:2.1rem;
}
.characteristic_center p{
    font-size: .26rem;
    color: #fae99b;
    margin: .3rem 0;
}
.watch_out_buttom {
    width: 100%;
    height: auto;
    bottom: 0;
    max-width: 768px;
    position: fixed;
    max-width: 768px;
    z-index: 99999;
}
.watch_out_buttom a {
    width: 100%;
    height: auto;
    display: inline-block;
}
.watch_out_buttom img {
    width: 100%;
}


/* 无双之王 */
.unparalleled{
	width:100%;
	height: auto;
	overflow: hidden;
}
.unparalleled1{
	width:100%;
}
.unparalleled2{
	width:100%;
	height: 20.09rem;
	background: url(../images/unparalleled2.jpg) no-repeat;
	background-size: 100% 20.09rem;
}
.unparalleled_download{
    width: 3.56rem;
    height: 1.0rem;
    margin: 0 auto;
}
.unparalleled_download a{
	width:100%;
	height: 100%;
	display: inline-block;
}
.unparalleled_download img{
	width: 3.56rem;
	height: 1.0rem;
}
.unparalleled_graphic{
	width:100%;
	height: auto;
	display: inline-block;
	margin-top: 1.08rem;
	
}
.unparalleled_graphic_title{
	width:4.47rem;
	margin: 0 auto;
}
.unparalleled_graphic_title img{
	width:4.47rem;
}
.unparalleled_graphic_img{
	width: 94%;
    height: 7.24rem;
    text-align: center;
    margin: 0 auto;
}
.unparalleled_graphic_img img{
	width: 100%;
}
.unparalleled_center{
	width:100%;
	height: auto;
	display: inline-block;
}
.unparalleled_center_title{
	width: 5.16rem;
    margin: 0 auto;
    margin-top: 1.02rem;
}
.unparalleled_center_title img{
	width:100%;
}
.unparalleled_center_all {
	width:100%;
}
.unparalleled_center_all img{
	width:100%;
}
.unparalleled_center_all p{
	color:#fff;
	font-size: .2rem;
	line-height: .26rem;
}
.unparalleled_buttom {
    width: 100%;
    height: auto;
    bottom: 0;
    max-width: 768px;
    position: fixed;
    max-width: 768px;
    z-index: 99999;
	background:#4a4036;
}
.unparalleled_buttom a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.unparalleled_buttom img{
	width: 100%;
}


/* 粽享好礼 */
.dragon_boat_all{
    width: 100%;
    height: auto;
    display: inline-block;
    background: #187665;
}
.dragon_boat_img{
	width:100%;
	height: 9.65rem;
	background: url(../images/dragon_boatimg.png) no-repeat;
	background-size: 100% 9.65rem;
	position: relative;
}
.dragon_boat_but{
	width:100%;
	height:auto;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	margin-top: 7.42rem;
}
.dragon_boat_but img{
	width:5.69rem;
	height:1.25rem;
}
.dragon_boat_invite{
    width: 2.89rem;
    height: .38rem;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
}
.dragon_boat_invitation{
	width:94%;
	height:8.97rem;
	background: url(../images/dragon_boat_invitation.png) no-repeat;
	background-size: 100% 8.97rem;
	margin: 0 auto;
	margin-top: .9rem;
	position: relative;
}
.dragon_boat_invitation_top{
	width:3.72rem;
	height:.95rem;
	background: url(../images/invitation_top.png) no-repeat;
	background-size: 100% .95rem;
	display: flex;
	margin: 0 auto;
	margin-bottom: .6rem;
	margin-top: -.46rem;
	position: absolute;
	right: 0;
	left: 0;
}
.dragon_boat_invitation_top a{
	width: 100%;
	color: #F5F1CE;
	text-decoration:underline;
	line-height: .95rem;
	text-align: center;
}
.dragon_boat_invitation_top a:hover{
	color: #F5F1CE;
}
.avatar{
    width: .7rem;
    height: .7rem;
    background: #BCE58C;
    border-radius: 50%;
    border: 2px solid #A4B89B;
    line-height: .95rem;
    margin-top: .06rem;
    margin-left: .56rem;
	margin-right: .2rem;
}
.dragon_boat_invitation_size{
	flex:1;	
}
.dragon_boat_invitation_size h2{
	font-weight: 500;
	font-size: .28rem;
	color: #F5F1CE;
	margin-top: .1rem;
}
.dragon_boat_invitation_size p{
	font-weight: 500;
	font-size: .24rem;
	color: #F5F1CE;
	margin-top: .05rem;
}
.dragon_boat_invit_cen{
    width: 90%;
    position: absolute;
    top: .9rem;
    margin: 0 auto;
    right: 0;
    left: 0;
}
.dragon_boat_invit_list_cen{
	position: relative;
	width: 30%;
    margin: 0 1.55%;
    float: left;
    height: 2.49rem;
}
.dragon_boat_invit_list{
	width:100%;
	height:100%;
}
/* .invit_list{
    background: url(../images/invit_list2.png) no-repeat;
    background-size: 100% 2.49rem;
}
.invit_list2{
    background: url(../images/invit_list3.png) no-repeat;
    background-size: 100% 2.49rem;
}
.invit_list3{
    background: url(../images/invit_list4.png) no-repeat;
    background-size: 100% 2.49rem;
}
.invit_list4{
    background: url(../images/invit_list5.png) no-repeat;
    background-size: 100% 2.49rem;
}
.invit_list5{
    background: url(../images/invit_list6.png) no-repeat;
    background-size: 100% 2.49rem;
}
.invit_list6{
    background: url(../images/invit_list7.png) no-repeat;
    background-size: 100% 2.49rem;
}
.invit_list7{
    background: url(../images/invit_list8.png) no-repeat;
    background-size: 100% 2.49rem;
}
.invit_list8{
    background: url(../images/invit_list9.png) no-repeat;
    background-size: 100% 2.49rem;
} */
.dragon_boat_invit_list button{
	width: 100%;
	height: auto;
	display: inline-block;
}
.dragon_boat_invit_list_img{
    width: 1.01rem;
    height: .46rem;
    margin: 0 auto;
    bottom: .24rem;
    position: absolute;
    right: 0;
    left: 0;
}

.dragon_boat_ranking{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
	padding-bottom: .8rem;
}
.ranking_top{
	width:2.14rem;
	height:.38rem;	
	margin-top: .8rem;
	margin-bottom: .4rem;
}
.dragon_boat_ranking_bg{
	width:94%;
	height:auto;
	margin: 0 auto;
	background: #C3ECA6;
	border-radius: .34rem;
	border: 1px solid #DDF9B2;
}
.dragon_boat_ranking_in{
	width:auto;
	height:auto;
	background: #FFFFF5;
    border-radius: .3rem;
    border: 1px solid #8AD767;
    margin: .1rem;
}
.dragon_ranking{
	width: 94%;
	margin: 0 auto;
	text-align: left;
	margin-top: .58rem;
	display: flex;
}
.dragon_ranking span{
	width: .08rem;
	height: .24rem;
	background: #187665;
	border-radius: .04rem;	
	display: inline-block;
	margin-right: .13rem;
	margin-top: .06rem;
}
.dragon_ranking h2{
	color:#282828;
	font-size:.28rem;
	font-weight: 500
}
.my_record{
	width: 94%;
	height: 1.36rem;
	line-height: 1.36rem;
	background: #FEF8E3;
	border-radius: .24rem;
	margin: 0 auto;
	margin-top: .3rem;
	display: flex;
}
.my_record span{
	width:20%;
	color:#FF8E07;
	font-size: .28rem;
}
.my_record_id{
	width:40%;
	display: flex;
}
.my_record_id img{
    width: .8rem;
    height: .8rem;
    background: #000000;
    border-radius: 50%;
    margin-top: .28rem;
    margin-right: .28rem;
}
.my_record_id h2{
	color:#000;
	width: 60%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dragon_boat_ago{
	width: 92%;
	margin: 0 auto;
	margin-top: .3rem;
}
.dragon_boat_ago_top{
	width:100%;
	display: flex;	
}
.dragon_boat_ago_top span{
	width:40%;
	color:#9EA0A2;	
	font-size: .28rem;
}
.dragon_boat_ago_all{
	width:100%;
}
.dragon_boat_ago_list{
	width:100%;
	height:1.0rem;
	line-height:1.0rem;
	display: flex;
	padding: .2rem 0;
}
.dragon_boat_ago_list span{
	width:20%;
	color:#000;
}
.dragon_boat_ago_list span img{
	width:.52rem;
	height:.64rem;
}
.dragon_boat_ago_list p{
	width:12%;
	color:#000;
	text-align: right;
}
.dragon_boat_ago_all_id{
	width:68%;
	display: flex;
}
.dragon_boat_ago_all_id img{
    width: .8rem;
    height: .8rem;
    background: #000000;
    border-radius: 50%;
    margin-right: .28rem;
    margin-top: .1rem;
}

.dragon_boat_rule_dw {
    position: fixed;
    z-index: 99;
    bottom: 32%;
    right: .43rem;
}
.dragon_boat_rule_dw a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.dragon_boat_rule_dw img{
	width:1.77rem;
	height:1.64rem;
}
.dragon_boat_rule_tc{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: .5rem;
	display: none;
	overflow-y: auto;
}
.dragon_boat_rule_center{
	overflow-y: auto;
	height: 5.0rem;
}
.dragon_boat_rule_tc_title{
	width: 100%;
	text-align: center;
	position: relative;
}
.dragon_boat_rule_tc_title h2{
	margin-top: .35rem;
	color: #000;
	font-size: .34rem;
	font-weight: 700;
}
.dragon_boat_rule_tc_title img{
	position: absolute;
	width: .32rem;
	height: .32rem;
	right: .35rem;
	top: 0rem;
}
.dragon_boat_rule_tc p {
    width: 94%;
    margin: 0 auto;
    width: 94%;
    margin: 0 auto;
    line-height: .5rem;
    margin-top: .2rem;
    color: #212121;
    font-size: .28rem;
    text-align: left;
}
.acant_waiting{
	height:1.0rem;
	line-height:1.0rem;
	color: #9EA0A2;
	font-size: .28rem;
}


/* 希望消不灭 */
.hope{
	width:100%;
	height:auto;
	display: inline-block;
}
.hope_top{
	width: 100%;
	height: 9.00rem;
	background: url(../images/hope_top.png) no-repeat;
	background-size: 100% 9.00rem;
	position: relative;
}
.hope_logo{
	width: 2.54rem;
    height: .66rem;
    position: absolute;
    top: .29rem;
    right: .36rem;
}
.hope_top a{
	width:100%;
	height:100%;
	display: inline-block;
}
.hope_download{
	width: 3.95rem;
    height: 1.12rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.hope_two{
	width: 100%;
	height: 6.80rem;
	background: url(../images/hope_two.png) no-repeat;
	background-size: 100% 6.80rem;
	position: relative;
}
.hope_two_top{
	width: 6.64rem;
    height: 1.39rem;
    background: url(../images/hope_two_top.png) no-repeat;
    background-size: 100% 1.39rem;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: .16rem;
}
.hope_video{
    width: 100%;
    height: 6.70rem;
    background: url(../images/hope_video.png) no-repeat;
    background-size: 100% 6.70rem;
    position: relative;
    top: -1px;
}
.hope_video_top{
	width: 6.64rem;
	height: 1.39rem;
	background: url(../images/hope_video_top.png) no-repeat;
	background-size: 100% 1.39rem;
	margin: 0 auto;
	position: absolute;
	right: 0;
	left: 0;
	top: .25rem;
}
.hope_video_center{
    width: 90%;
    height: 3.67rem;
 /*   background: url(../images/hope_video_center.png) no-repeat;
    background-size: 100% 3.67rem; */
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 1.02rem;
	text-align: center;
}
.hope_video_center video{
    width: 96%;
	height: 4.01rem;
    margin: 0 auto;
    border-radius: .2rem;
}
.hope_buttom{
	width:100%;
	height:1.70rem;
	background: url(../images/hope_buttom.png) no-repeat;
	background-size: 100% 1.7rem;
    top: -1px;
    position: relative;
	text-align: center;
}
.hope_buttom a{
	width:100%;
	height:100%;
	display: inline-block;
}
.hope_buttom img{
	width:6.94rem;
	height:1.3rem;
	margin-top: .14rem;
}
.hope_game{
	width: 90%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 1.7rem;
    overflow: hidden;
}
.hope_game img{
	width:100% !important;
	height: 4.2rem;
}


/* 天穹骄子 */
.tianqiong{
	width:100%;
	height:100%;
}
.tianqiong_center{
	width:100%;
	height:12.0rem;
	background: url(../images/tianqiong.png) no-repeat;
	background-size: 100% 12.0rem;
}
.tq_game_sn{
	width:100%;
	height:auto;
}
.tq_screenshot{
	width:100%;
	height:auto;
	background: url(../images/tq_screenshot.png) no-repeat;
	background-size: 100%;
	text-align: center;
}
.tq_video{
	width:100%;
	height:auto;
	background: url(../images/tq_video.png) no-repeat;
	background-size: 100%;
	text-align: center;
}
.tq_title{
	width:4.79rem;
	height:1.05rem;
	margin: 0 auto;
}
.tq_video_cen{
    width: 94%;
    border: .02rem solid #C4865D;
    border-radius: .1rem;
    margin: 0 auto;
    margin-top: .3rem;
}
.tq_video_cen video{
	width: 98%;
	margin: 0 auto;
	padding: .06rem;
	border-radius: .1rem;
}
.tq_download{
    width: 92%;
    height: auto;
    display: flex;
    margin: 0 auto;
}
.tq_download_r{
	width: 100%;
}
.tq_download a{
	width:100%;
	height:auto;
	display: inline-block;
}
.tq_download_img{
	width:6.70rem;
	height:1.3rem;
	margin-top: .2rem;
}
.tq_download2{
	width: 100%;
}


/* 暴走地下城 */
.dungeons{
	width: 100%;
	height: 100%;
}
.dungeons_center {
    width: 100%;
    height: 10.20rem;
    background: url(../images/dungeons_img.png) no-repeat;
    background-size: 100% 10.20rem;
	position: relative;
}
.dungeons_logo{
	width: 2.54rem;
	height: .66rem;
	position: absolute;
	top: .29rem;
	right: .36rem;
}
.dungeons_center_but img{
	width: 4.82rem;
	height: 1.3rem;
}
.dungeons_center_but{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
}
.dungeons_screenshot {
    width: 100%;
    height: auto;
    background: url(../images/dungeons_screenshot.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.dungeons_title{
	width: 100%;
	height: 1.17rem;
	margin: 0 auto;
	margin-top: .35rem;
}
.dungeons_title2{
	width: 100%;
	height: 1.17rem;
	margin: 0 auto;
	margin-top: 1.02rem;
}
.dungeons_broadcast{
	width: 94%;
	margin: 0 auto;
	margin-top: .23rem;
}
.dungeons_broadcast img{
	width: 100%;
	border-radius: .1rem;
}
.dungeons_video{
    width: 94%;
    border: .02rem solid #C4865D;
    border-radius: .1rem;
    margin: 0 auto;
    margin-top: .3rem;
}
.dungeons_video video{
	width: 98%;
	margin: 0 auto;
	padding: .06rem;
	border-radius: .1rem;
}

.dungeons_download{
    width: 92%;
    height: auto;
    display: flex;
    margin: 0 auto;
	margin-top: .8rem;
	padding-bottom: .35rem;
}
.dungeons_download_r{
	flex: 1;
}
.dungeons_download a{
	width:100%;
	height:1.2rem;
	display: inline-block;
}
.dungeons_download_img{
	height:1.2rem;
}
.dungeons_download2{
	width: auto;
	height: 1.2rem;
}


/* 国庆 */
.new_edition_national_day{
	width: 100%;
	height: auto;
	background: #ca300a;
}
.new_edition_national_day_top{
	width: 100%;
	height: 7.8rem;
	text-align: center;
	background: url(../images/celebrating_national_day.png) no-repeat;
	background-size: 100% 7.8rem;
	position: relative;
}
.new_edition_national_day_blessing_bag{
    width: 100%;
    height: 6.83rem;
    text-align: center;
    background: url(../images/lucky_bag_bag.png) no-repeat;
    background-size: 100% 6.83rem;
    position: relative;
    margin-top: 0rem;
	text-align: center;
	overflow: hidden;
}
.lucky_bag{
	width: 5.77rem;
    height: 1.27rem;
    text-align: center;
    background: url(../images/lucky_bag_bg.png) no-repeat;
    background-size: 100% 1.27rem;
    margin: 0 auto;
    margin-top: .96rem;
}
.lucky_bag img{
	width: 1.88rem;
	height: .44rem;
	text-align: center;
	margin: 0 auto;
}
.new_edition_national_day_blessing_bag p{
	color: #A94E32;
	font-size: .3rem;
	margin-top: .21rem;
}
.new_edition_national_day_main{
	width: 100%;
    height: auto;
    position: relative;
    text-align: center;
	margin-top: .6rem;
}
.blessing_img{
    /* width: 3.70rem; */
    height: 3.80rem;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    right: 10px;
    left: 0;
    z-index: 9;
}
.blessing_img img{
	/* width: 3.70rem; */
	height: 3.80rem;
}
.blessing_img_gift{
	animation: shake 0.5s ease infinite;
}
@keyframes shake{
	0% { transform: rotate(0deg); }
	10% { transform: rotate(8deg); }
	20% { transform: rotate(-8deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(-8deg); }
	50% { transform: rotate(0deg); }
	100% { transform: rotate(0deg);}
}
.blessing_img_expand {
	animation: dot-expander 1.0s;
}
@keyframes dot-expander {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.2, 1.2, 1.2);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}
.base{
    width: 4.70rem;
    height: 1.67rem;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    bottom: 0;
    top: 2.53rem;
}
.encourage{
    width: 5.70rem;
    height: .94rem;
    background: #FBE6C5;
    border-radius: .47rem;
    position: absolute;
    bottom: 0.8rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.new_edition_national_day .encourage_mild{
	width: 5.58rem;
	height: .82rem;
	line-height: .82rem;
	background: linear-gradient(0deg, #D93120 0%, #F14B35 100%);
	box-shadow: 0px 0px .04rem 0px #CE1327;
	border-radius: .41rem;
	margin: 0 auto;
	margin-top: .06rem;
	position: relative;
}
.encourage_mild a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.encourage_mild h2{
	color: #FFFFFF;
	font-size: .28rem;
}
.broadside{
	width: .85rem;
	height: .93rem;
	position: absolute;
	right: .13rem;
	top: 0;
}
.new_edition_winning_record{
    width: 100%;
    height: 6.12rem;
    text-align: center;
    background: url(../images/winning_record.png) no-repeat;
    background-size: 100% 6.12rem;
}
.new_edition_record{
	width: 1.87rem;
	height: .42rem;
	text-align: center;
	margin-top: 0.82rem;
}
.new_edition_winning_record_center{
    width: 80%;
    height: 3.5rem;
    margin: 0 auto;
    display: inline-block;
}
.new_edition_winning_record_center img{
	width: 3.0rem;
	height: 2.2rem;
	margin-top: 0.8rem;
}
.new_edition_winning_record p{
	color: #6B4C40;
	font-size: .24rem;
	margin-top: 0rem;
}
.inlet{
	height: 1.0rem;
	line-height: 1.0rem;
	width: 100%;
}
.inlet a{
	width: 90%;
	color: #1E4DFC;
	margin: 0 auto;
	display: inline-block;
	text-align: right;
}
.inlet a:hover{
	color: #1E4DFC;
}

.new_register{
	display:none;
	width:100%;
	height: auto;
	margin:0 auto;
	background:#fff;
	border-radius:.4rem;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
	padding-bottom: .5rem;
}
.new_register h2{
	color: #000;
	font-size: .36rem;
	text-align: center;
	margin-top: .33rem;
	font-weight: 700;
}
.new_register_code{
	background: #F6F5F8;
	margin-top: .3rem;
	border-radius: .06rem;
	height: .84rem;
	border: 1px solid #EEEEEE;
	display: flex;
}
.new_register_code input{
	width: 70%;
	height: .84rem;
	border-radius: .06rem;
	text-indent: .2rem;
	background: #F6F5F8;
}
.new_register_code a{
	height: 100%;
	line-height: .84rem;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	color: #1E4DFC;
}
.new_register_code a:hover{
	color: #1E4DFC;
}
.new_register_agreement{
	width: 90%;
	margin: 0 auto;
	height: 1.0rem;
	line-height: 1.0rem;
	text-align: center;
}
.new_register_agreement p{
	color: #999;
}
.new_register_agreement a{
	color: #1E4DFC;
}
.new_register_agreement a:hover{
	color: #1E4DFC;
}
.blessing_dialog_bg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
	display: none;
}
.blessing_dialog_hide{
	display: none;
}
.blessing_dialog_show{
	display: block;
}
.blessing_dialog_box{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blessing_dialog_container{
	border-radius: .2rem;
	width: 5.59rem;
	height: 8.98rem;
	text-align: center;
	margin: 0 auto;
	text-align: center;
	padding: .6rem 0;
	box-sizing: border-box;
	animation-name: layer-bounceIn;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .5s;
}
.blessing_dialog_container a{
	width: 100%;
	height: 8.98rem;
	display: inline-block;
}

.blessing_dialog_title{
	font-size: .3rem;
	color: #333;
}
.blessing_dialog_img{
	overflow: hidden;
	border-radius: 50%;
}
.blessing_dialog_img img{
    width: 3.70rem;
    height: 3.80rem;
}
.blessing_dialog_wenz1{
	font-size: .16rem;
	color: #333;
}
.blessing_dialog_wenz2{
	font-size: .18rem;
	color: #1E4DFC;
	margin: .1rem 0;
}
.blessing_dialog_wenz3{
	font-size: .14rem;
	color: #999;
}
.blessing_dialog_btn{
	width: auto;
	height: auto;
}
.blessing_dialog_btn a{
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: 20px auto 0;
	font-size: 16px;
	border-radius: 8px;
	background: #1E4DFC;
	color: #FFFFFF;
	display: inline-block;
}

.new_national_day_rule{
    width: .54rem;
    height: 1.69rem;
    background: #F8C196;
    border-radius: .16rem 0 0 .16rem;
    position: absolute;
    right: 0;
    top: 50%;
}
.new_national_day_rule a{
    width: .51rem;
    height: 1.6rem;
    line-height: 0.4rem;
    background: #F4EBD7;
    border-radius: .16rem 0 0 .16rem;
    display: inline-block;
    float: right;
    font-size: .26rem;
    margin-top: .02rem;
    color: #59433B;
}
.number_of_times{
	width: 5.49rem;
	height: .9rem;
	background: #FCEEE1;
	border: 2px solid #FE9F64;
	border-radius: .14rem;
	position: absolute;
	right: 0;
	left: 0;
	bottom:0.8rem;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.number_of_times p{
	color: #222222;
	font-size: .28rem;
}
.number_of_times span{
	color: #1E4DFC;
}
.number_of_times em{
	color: #C40501;
}
.new_edition_national_day .record_data{
	width: 100%;
	height: 9.3rem;
	text-align: center;
	background: url(../images/record_data.png) no-repeat;
	background-size: 100% 9.3rem;
	overflow: hidden;
}
.record_data_middle{
	width: 80%;
	height: 7.6rem;
	margin: 0 auto;
	margin-top: -0.1rem;
	overflow-y: auto;
}
.record_data_middle::-webkit-scrollbar {
    display: none;
}
.record_data_middle h2{
    color: #C0C4CC;
    font-size: .26rem;
    height: .8rem;
    line-height: .8rem;
}
.record_data_middle_list{
	display: flex;
	height: .45rem;
	line-height: .45rem;
	width: 100%;
	margin-top: .25rem;
}
.record_data_middle_list span{
	color: #222222;
	font-size: .24rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: left;
}
.record_data_middle_list p{
	flex: 1;
	text-align: right;
	font-size: .24rem;
}
.new_edition_national_rule{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: .5rem;
	display: none;
}
.new_game_list{
	width: 94%;
    margin: 0 auto;
    max-height: 200px;
    background: #eee;
    border-radius: 4px;
    overflow-x: auto;
	text-align: center;
	margin-top: .05rem;
}
.new_game_list span{
	width: 94%;
    margin: 0 auto;
    /* padding: 0.8rem; */
    display: inline-block;
    text-align: left;
    padding: 5px 0;   
	color: #1E4DFC;
}
.new_edition_national_rule_title{
	width: 100%;
	text-align: center;
	position: relative;
}
.new_edition_national_rule_title h2{
	margin-top: .35rem;
	color: #1B0303;
	font-size: .34rem;
	font-weight: 700;
}
.new_edition_national_rule_title img{
	position: absolute;
	width: .32rem;
	height: .32rem;
	right: .35rem;
	top: 0rem;
}
.new_edition_national_rule p{
	width: 94%;
	margin: 0 auto;
	width: 94%;
	margin: 0 auto;
	line-height: .5rem;
	margin-top: .2rem;
	color: #212121;
	font-size: .28rem;
}
.limited_time_mall{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	display: none;
	padding-bottom: .5rem;
	border-radius: .2rem .2rem 0 0;
}
.limited_time_mall_title{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: .35rem;
	display: flex;
}
.limited_time_mall_title .purchase{
	flex: 1;
	text-align: left;
	color: #1E4DFC;
	font-size: .28rem;
}
.limited_time_mall_title h2{
	flex: 2;
	text-align: center;
	color: #1B0303;
	font-size: .34rem;
}
.clos{
	flex: 1;
	text-align: right;	
	width: .32rem;
	height: .32rem;
}
.clos img{
	width: .32rem;
	height: .32rem;
}
.countdown{
    width: 5.0rem;
    height: .72rem;
    background: #EDEFF5;
    border-radius: .1rem;
    margin: 0 auto;
    margin-top: .33rem;
	text-align: center;
	display: flex; 
	justify-content: center; 
	align-items: center;
}
.countdown p{
	line-height: .72rem;
}
.countdown span{
	width: .36rem;
    height: .32rem;
    background: #1B0303;
	color: #FFFFFF;
	font-size: .26rem;
    border-radius: .06rem;
    display: inline-block;
	line-height: .32rem;
    margin-left: .05rem;
    margin-right: .05rem;
}
.game_on{
	width: 6.7rem;
	height: 1.4rem;
	line-height: 1.4rem;
	margin: 0 auto;
	border-bottom: 1px solid #EFF0F2;
	display: flex;
}
.game_on p{
	flex: 1;
	color: #212121;
	font-size: .3rem;
}
.game_on a{
	color: #C0C4CC;
}
.game_on a:hover{
	color: #C0C4CC;
}
.purchase_list{
	width: 94%;
	height: 1.46rem;
	margin: 0 auto;
	border-bottom: 1px solid #EFF0F2;
	display: flex;
}
.purchase_list_left{
	width: 58%;
}
.purchase_list_left h2{
	color: #212121;
	font-size: .3rem;
	margin-top: .3rem;
	max-width:66%;
	float: left;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.purchase_list_left span{
	margin-top: .33rem;
	display: inline-block;
	border: 1px solid #EB2819;
	color: #EB2819;
	font-size: .24rem;
	padding: .02rem .09rem;
	text-align: center;
	border-radius: .04rem;
	margin-left: .2rem;
}
.purchase_list_left p{
	width: 100%;
	text-align: left;
	margin-top: .24rem;
	color: #EB2819;
	font-size: .36rem;
}
.purchase_list_right{
	width: 42%;
	text-align: right;
}
.purchase_list_right p{
    width: 2.5rem;
    height: .54rem;
    line-height: .54rem;
    background: #FEF2F3;
    color: #EB2819;
    font-size: .24rem;
    border-radius: .08rem;
    margin-top: .47rem;
    display: inline-block;
    text-align: left;
    padding-left: .17rem;
}
.purchase_list_right a{
	width: .86rem;
	height: .54rem;
	text-align: center;
	background: url(../images/purchase_list.png) no-repeat;
	background-size: 100% .54rem;
	display: inline-block;
	float: right;
}


.purchase_record{
	width: 6.7rem;
	height: 1.36rem;
	margin: 0 auto;
	border-bottom: 1px solid #EFF0F2;
}
.purchase_record_top{
	display: flex;
	width: 100%;
	margin-top: .3rem;
}
.purchase_record_top h2{
	flex: 1;
	width: 40%;
}
.purchase_record_top span{
	color: #919191;
}
.purchase_record_top p{
	flex: 2;
	text-align: right;
	font-size: .24rem;
}
.purchase_record_bot{
	display: flex;
	width: 100%;
	margin-top: .2rem;
}
.purchase_record_bot p{
	font-size: .24rem;
}
.purchase_record_bot span{
	color: #919191;
}
.purchase_record_bot h2{
	text-align: right;
	flex: 1;
	font-size: .24rem;
}
.new_edition_national_day_time{
	position: fixed;
	z-index: 99;
	bottom: 25%;
	right: .43rem;
}
.new_edition_national_day_time a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.new_countdown{
	height: 1.5rem;
	width: 1.32rem;
	text-align: center;
	background: url(../images/new_countdown.png) no-repeat;
	background-size: 100% 1.5rem;
	position: relative;
}

.purchase_record_frame{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: .5rem;
	display: none;
}
.purchase_record_frame_title {
    width: 100%;
    text-align: center;
    position: relative;
}
.purchase_record_frame_title h2 {
    margin-top: .35rem;
    color: #1B0303;
    font-size: .34rem;
    font-weight: 700;
	padding-bottom: .3rem;
}
.purchase_record_frame_title img {
    position: absolute;
    width: .32rem;
    height: .32rem;
    right: .35rem;
    top: 0rem;
}
.purchase_record_frame_mial{
	width: 100%;
    max-height: 7.0rem;
    display: inline-block;
    overflow-x: auto;
}
.new_labour_festival_time_bg_time {
    position: absolute;
    bottom: .0rem;
    text-align: center;
    display: inline-block;
    right: 0;
    left: 0;
    color: #FFFFFF;
    font-size: .28rem;
    font-weight: 700;
}
.payment_window{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: .5rem;
	display: none;
}
.payment_window_title {
    width: 100%;
    text-align: center;
    position: relative;
}
.payment_window_title h2 {
    margin-top: .35rem;
    color: #1B0303;
    font-size: .34rem;
    font-weight: 700;
    padding-bottom: .3rem;
}
.payment_window_title img {
    position: absolute;
    width: .32rem;
    height: .32rem;
    right: .35rem;
    top: 0rem;
}
.payment_window_main{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-top: .4rem;
}
.payment_window_main_img{
	width: 1.0rem;
	height: 1.0rem;
	display: inline-block;
	position: relative;
}
.payment_window_main_name{
	color: #212121;
	font-size: .3rem;
	font-weight: 700;
	margin-top: .33rem;
}
.payment_window_main_prompt{
	margin-top: .2rem;
	color: #919191;
	font-size: .24rem;
}
.payment_window_main_money{
	color: #212121;
    font-size: .3rem;
    margin-top: .3rem;
    display: inline-block;
}
.payment_window_main_money em{
	color: #EB2819;
	font-weight: 700;
}
.payment_button{
	width: 100%;
	height: auto;
}
.payment_button button{
    width: 94%;
    color: #FFFFFF;
    line-height: .8rem;
    display: inline-block;
    background: #1E4DFC;
    border-radius: .08rem;
	margin-top: .3rem;
}
.payment_window_main .payment_balance_select {
    background: url(../images/turn_gou2.png) no-repeat;
    background-size: .38rem .38rem;
}
.lucky_bag_title{
	width: 4.91rem;
	height: 1.02rem;
	background: url(../images/lucky_bag_title.png) no-repeat;
	background-size: 4.91rem 1.02rem;
	text-align: center;
	margin: 0 auto;
	margin-top: .22rem;
	margin-bottom: .08rem;
}
.winning_prize{
	width: 4.02rem;
	height: .38rem;
	background: url(../images/winning_prize.png) no-repeat;
	background-size: 4.02rem .38rem;
	text-align: center;
	margin: 0 auto;
	margin-top: .57rem;
	margin-bottom: .37rem;
}


/* 矩阵临界 */
.matrix_criticality{
    width: 100%;
    height: auto;
    background: url(../images/matrix_criticality.png) no-repeat;
    background-size: 100%;
    position: relative;
}
.matrix_criticality_log{
	width: 2.54rem;
	height: .66rem;
	position: absolute;
	top: .39rem;
	left: 25%;
	background: url(../images/hope_logo.png) no-repeat;
	background-size: 2.54rem .66rem;
}
.matrix_criticality_mil{
	width: 100%;
	height: 9.75rem;
}
.matrix_criticality_goto{
	width: 100%;
	height: auto;
	text-align: center;
}
.matrix_criticality_goto a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.matrix_criticality_goto img{
	width: 2.49rem;
	height: .65rem;
}
.matrix_criticality_introduce{
	width: 100%;
	height: auto;
	text-align: center;
}
.matrix_criticality_introduce_title{
	width: 6.22rem;
	height: .91rem;
	background: url(../images/matrix_criticality_introduce_title.png) no-repeat;
	background-size: 100% .91rem;
	margin: 0 auto;
	margin-top: .80rem;
}
.matrix_criticality_introduce_size{
	width: 94%;
	margin: 0 auto;
	margin-top: .30rem;
}
.matrix_criticality_introduce_size p{
	font-size: .24rem;
	color: #FDF1FF;
	line-height: .36rem;
	text-align: left;
	text-indent:16px;
}
.matrix_criticality_introduce_img{
	width: 100%;
	margin-top: .25rem;
}
.matrix_criticality_screenshot{
	width: 94%;
	margin: 0 auto;
	margin-top: .30rem;
}
.matrix_criticality_screenshot_title{
	width: 6.22rem;
	height: .91rem;
	background: url(../images/matrix_criticality_screenshot_title.png) no-repeat;
	background-size: 100% .91rem;
	margin: 0 auto;
	margin-top: .40rem;
}
.matrix_criticality_video{
	width: 94%;
	margin: 0 auto;
	margin-top: .30rem;
	padding-bottom: .6rem;
}
.matrix_criticality_video_title{
	width: 6.22rem;
	height: .91rem;
	background: url(../images/matrix_criticality_video_title.png) no-repeat;
	background-size: 100% .91rem;
	margin: 0 auto;
	margin-top: .40rem;
}
.matrix_criticality_video_center{
    width: 94%;
	height: auto;
    border: .02rem solid #24F3E9;
    border-radius: .1rem;
    margin: 0 auto;
    margin-top: .3rem;
}
.matrix_criticality_video_center video{
	width: 98%;
	height: 3.88rem;
	margin: 0 auto;
	padding: .06rem;
	border-radius: .1rem;
}
.matrix_criticality_sn{
	width:100%;
	height:auto;
}
.matrix_criticality_characteristic{
	width: 96%;
    height: auto;
    margin: 0 auto;
	margin-top: .26rem;
    text-align: center;
}
.matrix_criticality_characteristic .game{
	width: 100%;
}
.matrix_criticality_characteristic .game_img{
	width: 100%;
	margin: 0 auto;
	padding: .26rem 0;
	display: flex;
}
.mc_game_img img{
	width: 94%;
	padding: .06rem;
	border: .02rem solid #24F3E9;
	border-radius: .07rem;
}
.mc_game_img_line{
	width: 33%;
	border-radius: .1rem;
}